@import '_content/Microsoft.Fast.Components.FluentUI/Microsoft.Fast.Components.FluentUI.bundle.scp.css';

/* _content/KBAI Editor/Components/Achievements/AchievementDetailsSidePanel.razor.rz.scp.css */

.adp-backdrop[b-hywezbyu7r] {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,.25);
    z-index: 1000;
    animation: adp-fade-in-b-hywezbyu7r .2s ease both;
}

@keyframes adp-fade-in-b-hywezbyu7r {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.adp-panel[b-hywezbyu7r] {
    position: fixed;
    top: 0;
    right: 0;
    width: 440px;
    max-width: 100vw;
    height: 100vh;
    background: #ffffff;
    box-shadow: -4px 0 24px rgba(0,0,0,.12);
    overflow-y: auto;
    z-index: 1001;
    display: flex;
    flex-direction: column;
    animation: adp-slide-in-b-hywezbyu7r .22s cubic-bezier(.22,1,.36,1) both;
    border-radius: 16px 0 0 16px;
}

@keyframes adp-slide-in-b-hywezbyu7r {
    from {
        transform: translateX(100%);
        opacity: 0;
    }

    to {
        transform: none;
        opacity: 1;
    }
}

.adp-close[b-hywezbyu7r] {
    position: absolute;
    top: 16px;
    right: 16px;
    width: 34px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    border: none;
    border-radius: 50%;
    color: #6b7280;
    cursor: pointer;
    transition: background .15s, color .15s;
}

    .adp-close:hover[b-hywezbyu7r] {
        background: #e5e7eb;
        color: #111827;
    }

    .adp-close svg[b-hywezbyu7r] {
        width: 20px;
        height: 20px;
    }


.adp-header[b-hywezbyu7r] {
    gap: 18px;
    display: flex;
    align-items: flex-start;
    padding: 32px 24px 0;
    height: fit-content;
    /*min-height: 165px;*/
}

.adp-icon-wrap[b-hywezbyu7r] {
    width: 64px;
    height: 64px;
    flex-shrink: 0;
    background: #f3f4f6;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .adp-icon-wrap svg[b-hywezbyu7r] {
        width: 36px;
        height: 36px;
    }

.adp-header-text[b-hywezbyu7r] {
    flex: 1;
    min-width: 0;
    padding-top: 4px;
    padding-bottom: 1rem;
    height: fit-content;
}

.adp-title[b-hywezbyu7r] {
    font-size: 1.5rem;
    font-weight: 700;
    color: #111827;
    line-height: 1.2;
    margin: 0 0 6px;
}

.adp-desc[b-hywezbyu7r] {
    font-size: .88rem;
    color: #6b7280;
    margin: 0;
    line-height: 1.5;
    overflow-y: auto;
    max-height: 100px;
}

.adp-tags[b-hywezbyu7r] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    padding: 0 24px 20px;
}

.adp-pill[b-hywezbyu7r] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 5px 12px;
    border-radius: 999px;
    font-size: .78rem;
    font-weight: 600;
    white-space: nowrap;
    border: 1.5px solid transparent;
}

    .adp-pill svg[b-hywezbyu7r] {
        width: 14px;
        height: 14px;
        flex-shrink: 0;
    }

.adp-pill--green[b-hywezbyu7r] {
    color: #22c55e;
    background: #f0fdf4;
    border-color: #86efac;
}

.adp-pill--orange[b-hywezbyu7r] {
    color: #c57a22;
    background: #fdf8f0;
    border-color: #ee8e1c;
}

.adp-pill--red[b-hywezbyu7r] {
    color: #d22a2a;
    background: #fdf0f0;
    border-color: #ef4444;
}

.adp-pill--gray[b-hywezbyu7r] {
    color: #6b7280;
    background: #f9fafb;
    border-color: #e5e7eb;
}

.adp-pill--indigo[b-hywezbyu7r] {
    color: #7a7fff;
    background: #eef0fd;
    border-color: #a5b4fc;
}

.adp-pill--lavender[b-hywezbyu7r] {
    color: #7a7fff;
    background: #f5f3ff;
    border-color: #c4b5fd;
}

.adp-divider[b-hywezbyu7r] {
    height: 1px;
    background: #e5e7eb;
    margin: 0 0 4px;
}

.adp-section[b-hywezbyu7r] {
    padding: 22px 24px 0;
}

.adp-section-title[b-hywezbyu7r] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: .72rem;
    font-weight: 700;
    letter-spacing: .08em;
    color: #7a7fff;
    margin: 0 0 14px;
    text-transform: uppercase;
}

    .adp-section-title svg[b-hywezbyu7r] {
        width: 18px;
        height: 18px;
        flex-shrink: 0;
    }

.adp-section-noresults[b-hywezbyu7r] {
    font-size: .78rem;
    color: #6b7280;
}

.adp-content[b-hywezbyu7r] {
    height: calc(100% - 240px);
    overflow-y: auto;
}

.adp-cards[b-hywezbyu7r] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.adp-card[b-hywezbyu7r] {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 14px 16px;
    background: #ffffff;
    border: 1.5px solid #e5e7eb;
    border-radius: 12px;
    cursor: pointer;
    text-align: left;
    transition: background .14s, border-color .14s;
    font-family: var(--adp-font);
}

    .adp-card:hover[b-hywezbyu7r] {
        background: #f9fafb;
        border-color: #d1d5db;
    }

.adp-card--highlighted[b-hywezbyu7r] {
    background: #eef0fd;
    border-color: transparent;
}

    .adp-card--highlighted:hover[b-hywezbyu7r] {
        background: #e2e5fc;
    }

.adp-card-icon[b-hywezbyu7r] {
    width: 40px;
    height: 40px;
    flex-shrink: 0;
    background: #f3f4f6;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .adp-card-icon svg[b-hywezbyu7r] {
        width: 20px;
        height: 20px;
    }

.adp-card-icon--indigo[b-hywezbyu7r] {
    background: transparent;
}

    .adp-card-icon--indigo svg[b-hywezbyu7r] {
        width: 24px;
        height: 24px;
    }

.adp-card-text[b-hywezbyu7r] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.adp-card-title[b-hywezbyu7r] {
    font-size: .9rem;
    font-weight: 600;
    color: #111827;
    line-height: 1.3;
}

.adp-card-desc[b-hywezbyu7r] {
    font-size: .78rem;
    color: #6b7280;
}

.adp-next-xp[b-hywezbyu7r] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: .82rem;
    font-weight: 600;
    color: #7a7fff;
    flex-shrink: 0;
}

    .adp-next-xp svg[b-hywezbyu7r] {
        width: 14px;
        height: 14px;
    }


@media (max-width: 480px) {
    .adp-panel[b-hywezbyu7r] {
        width: 100vw;
        border-radius: 0;
    }
}

[b-hywezbyu7r] .ab-cm-item {
    display: block !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    cursor: default !important;
    list-style: none !important;
    border-radius: 0 !important;
}

[b-hywezbyu7r] .ab-cta-item {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 4px !important;
    width: 90% !important;
    margin: 10px auto !important;
    padding: 15px !important;
    background: #22c55e !important;
    color: #fff !important;
    font-size: .98rem !important;
    font-weight: 700 !important;
    cursor: pointer !important;
    transition: background .2s !important;
    letter-spacing: .01em !important;
    border-top: none !important;
    border-radius: 30px !important;
}

.ab-cta-item:hover[b-hywezbyu7r] {
    background: #7a7fff !important;
}

.btn-open-achievement-browser[b-hywezbyu7r] {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #7a7fff;
    width: 80%;
    font-size: 0.8rem;
    font-weight: 700;
    color: #FFFFFF;
    cursor: pointer !important;
    border-radius: 30px !important;
    padding: 8px !important;
    margin: auto;
    width: 80%;
    min-width: 115px;
}

    .btn-open-achievement-browser img[b-hywezbyu7r] {
        margin-left: 5px;
        width: 16px;
        height: 16px;
    }

.adp-section .adp-cards[b-hywezbyu7r] {
    /*max-height: 450px;*/
    overflow-y: auto;
}

.adp-footer[b-hywezbyu7r] {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
}




.related-knowledge-section[b-hywezbyu7r] {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
    max-width: 950px;
    margin: 0 auto;
    padding: 20px;
}

.section-header[b-hywezbyu7r] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 20px;
}

    .section-header h3[b-hywezbyu7r] {
        font-size: 14px;
        font-weight: 600;
        letter-spacing: 0.5px;
        color: #1a1a1a;
        margin: 0;
    }

.icon-book[b-hywezbyu7r] {
    color: #6366f1;
    flex-shrink: 0;
}

.knowledge-item[b-hywezbyu7r] {
    background-color: #f8f8f8;
    border-radius: 12px;
    overflow: hidden;
    transition: all 0.3s ease;
}

    .knowledge-item:hover[b-hywezbyu7r] {
        background-color: #f0f0f0;
    }

    .knowledge-item.expanded[b-hywezbyu7r] {
        background-color: #f8f8f8;
    }

    .knowledge-item.dependency .concept-label[b-hywezbyu7r] {
        color: #ef4444;
    }

.knowledge-header[b-hywezbyu7r] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 16px;
    cursor: pointer;
}

.header-content[b-hywezbyu7r] {
    display: flex;
    align-items: center;
    gap: 16px;
    flex: 1;
}

.icon-container[b-hywezbyu7r] {
    background-color: #e8e8ff;
    border-radius: 8px;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.icon-book-small[b-hywezbyu7r] {
    color: #6366f1;
    width: 20px;
    height: 20px;
}

.text-content[b-hywezbyu7r] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

    .text-content h4[b-hywezbyu7r] {
        font-size: .9rem;
        font-weight: 600;
        color: #1a1a1a;
        margin: 0;
    }

.concept-label[b-hywezbyu7r] {
    font-size: .6rem;
    font-weight: 600;
    color: #6366f1;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin: 0;
}

.chevron-container[b-hywezbyu7r] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    flex-shrink: 0;
}

.chevron[b-hywezbyu7r] {
    color: #666;
    transition: transform 0.3s ease;
    width: 24px;
    height: 24px;
}

    .chevron.rotated[b-hywezbyu7r] {
        transform: rotate(180deg);
    }

.knowledge-content[b-hywezbyu7r] {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

    .knowledge-content.show[b-hywezbyu7r] {
        max-height: 500px;
    }

.content-inner[b-hywezbyu7r] {
    padding: 0 24px 10px 24px;
}

    .content-inner p[b-hywezbyu7r] {
        font-size: 0.78rem;
        line-height: 1.6;
        color: #666;
        margin-bottom: 10px;
        max-height: 200px;
        overflow-y: scroll;
    }

    .content-inner .no_description[b-hywezbyu7r] {
        color: #666;
        font-style: italic;
    }

.sub-section[b-hywezbyu7r] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 12px 16px;
    background-color: #f0f0f0;
    border-radius: 8px;
    cursor: pointer;
    transition: background-color 0.2s ease;
    width: fit-content;
}

    .sub-section:hover[b-hywezbyu7r] {
        background-color: #e8e8e8;
    }

    .sub-section span[b-hywezbyu7r] {
        font-size: 14px;
        font-weight: 500;
        color: #1a1a1a;
    }

.chevron-right[b-hywezbyu7r] {
    color: #666;
    width: 16px;
    height: 16px;
    flex-shrink: 0;
}
/* _content/KBAI Editor/Components/Achievements/AchievementsBadge.razor.rz.scp.css */

[b-0iez5g8f2j] .ab-wrapper {
    display: inline-flex;
    align-items: center;
    font-family: 'Segoe UI', system-ui, sans-serif;
    position: relative;
}

@media (max-width: 760px) {
    [b-0iez5g8f2j] .ab-level {
        display: none;
    }
}
[b-0iez5g8f2j] .ab-trigger {
    height: 30px;
    margin-right: 1rem;
    position: relative;
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 6px 12px 6px 10px;
    background: transparent;
    border: 2px solid rgba(255,255,255,.25);
    border-radius: 999px;
    color: #fff;
    cursor: pointer;
    transition: background .2s, border-color .2s;
    outline: none;
}
    [b-0iez5g8f2j] .ab-trigger:hover {
        background: rgba(255,255,255,.1);
        border-color: rgba(255,255,255,.55);
    }

[b-0iez5g8f2j] .ab-trophy {
    width: 20px;
    height: 20px;
    flex-shrink: 0;
}

.ab-level[b-0iez5g8f2j] {
    font-size: .82rem;
    font-weight: 700;
    letter-spacing: .01em;
    white-space: nowrap;
}

.ab-dot[b-0iez5g8f2j] {
    position: absolute;
    top: -4px;
    right: -4px;
    min-width: 18px;
    height: 18px;
    padding: 0 4px;
    background: #7a7fff;
    color: #fff;
    font-size: .65rem;
    font-weight: 700;
    border-radius: 999px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid #1a1a2e;
}


[b-0iez5g8f2j] .ab-panel {
    position: absolute;
    top: 40px !important;
    left: -270px !important;
    width: 340px !important;
    background: #ffffff !important;
    border-radius: 20px !important;
    box-shadow: 0px 3px 8px 0px #acacac;
    padding: 0 !important;
    overflow: hidden !important;
    list-style: none !important;
    margin: 0 !important;
    animation: ab-drop-b-0iez5g8f2j .2s cubic-bezier(.22,1,.36,1) !important;
}

@media (max-width: 400px) {
    [b-0iez5g8f2j] .ab-panel {
        left: -170px !important;
        width: 235px !important;
    }
}

@keyframes ab-drop-b-0iez5g8f2j {
    from {
        opacity: 0;
        transform: translateY(-6px) scale(.97);
    }

    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

[b-0iez5g8f2j] .ab-cm-item {
    display: block !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    cursor: default !important;
    list-style: none !important;
    border-radius: 0 !important;
}

.ab-cm-item--static[b-0iez5g8f2j] {
    pointer-events: none !important;
}

.ab-cm-item--divider[b-0iez5g8f2j] {
    height: 1px !important;
    background: #e3e3e3 !important;
    padding: 0 !important;
}

.ab-header[b-0iez5g8f2j] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 10px 5px;
}

.ab-panel-title[b-0iez5g8f2j] {
    font-size: 1rem;
    font-weight: 700;
    color: #212121;
}

.ab-user[b-0iez5g8f2j] {
    font-size: .78rem;
    color: #7d7d7d;
    margin-top: 2px;
}

.ab-ring-wrap[b-0iez5g8f2j] {
    position: relative;
    width: 60px;
    height: 60px;
    flex-shrink: 0;
}

.ab-ring[b-0iez5g8f2j] {
    width: 60px;
    height: 60px;
}

.ab-ring-bg[b-0iez5g8f2j] {
    fill: none;
    stroke: #e3e3e3;
    stroke-width: 5;
}

.ab-ring-fill[b-0iez5g8f2j] {
    fill: none;
    stroke: #7a7fff;
    stroke-width: 5;
    stroke-linecap: round;
}

.ab-ring-pct[b-0iez5g8f2j] {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .78rem;
    font-weight: 700;
    color: #212121;
}

/* ── XP bar ──────────────────────────────────────────────────── */
.ab-xp-row[b-0iez5g8f2j] {
    display: flex;
    justify-content: space-between;
    padding: 0 10px;
    margin-bottom: 6px;
}

.ab-xp-label[b-0iez5g8f2j] {
    font-size: .75rem;
    color: #7d7d7d;
}

.ab-bar-track[b-0iez5g8f2j] {
    margin: 0 10px;
    height: 8px;
    background: #e3e3e3;
    border-radius: 99px;
    overflow: hidden;
}

.ab-bar-fill[b-0iez5g8f2j] {
    height: 100%;
    background: #7a7fff;
    border-radius: 99px;
}

.ab-ach-summary[b-0iez5g8f2j] {
    font-size: .75rem;
    color: #7d7d7d;
    padding: 6px 10px 14px;
}

/* ── Achievement items ── */
[b-0iez5g8f2j] .ab-ach-item {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 12px 15px 12px 10px !important;
    border-bottom: 1px solid #e3e3e3 !important;
    cursor: default !important;
    transition: background .15s !important;
    align-items: flex-start !important;
    cursor: pointer !important;
}

.ab-wrapper[b-0iez5g8f2j] {
    position: relative;
}

.ab-ach--active[b-0iez5g8f2j] {
    background: var(--ab-indigo-light) !important;
    cursor: pointer !important;
}

    .ab-ach--active:hover[b-0iez5g8f2j] {
        background: #d4d8fc !important;
    }

.ab-ach--locked[b-0iez5g8f2j] {
    opacity: .6 !important;
    cursor: default !important;
}

.ab-ach-icon[b-0iez5g8f2j] {
    width: 28px;
    height: 28px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .ab-ach-icon svg[b-0iez5g8f2j] {
        width: 24px;
        height: 24px;
    }

.ab-ach-text[b-0iez5g8f2j] {
    flex: 1;
    min-width: 0;
}

[b-0iez5g8f2j] .ab-ach-title {
    margin-bottom: 5px;
    font-size: .85rem;
    font-weight: 700;
    color: #212121;
    width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.ab-ach--locked .ab-ach-title[b-0iez5g8f2j],
.ab-ach--locked .ab-ach-desc[b-0iez5g8f2j] {
    color: #7d7d7d;
}

.ab-ach-desc[b-0iez5g8f2j] {
    font-size: .75rem;
    color: #7d7d7d;
    margin-top: 1px;
    width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

[b-0iez5g8f2j] .ab-ach-desc > p {
    font-size: .75rem;
    color: #7d7d7d;
    margin: 0 !important;
    width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.ab-ach-lock-reason[b-0iez5g8f2j] {
    font-size: .7rem;
    color: #7d7d7d;
    margin-top: 3px;
    display: flex;
    align-items: center;
    gap: 3px;
}

.ab-ach-right[b-0iez5g8f2j] {
    display: flex;
    align-items: center;
    gap: 4px;
    flex-shrink: 0;
}

.ab-xp-badge[b-0iez5g8f2j] {
    display: flex;
    align-items: center;
    gap: 3px;
    font-size: .78rem;
    font-weight: 600;
    color: #7a7fff;
    white-space: nowrap;
}

    .ab-xp-badge svg[b-0iez5g8f2j] {
        width: 13px;
        height: 13px;
    }

.ab-chevron[b-0iez5g8f2j] {
    width: 14px;
    height: 14px;
}

.ab-locked-label[b-0iez5g8f2j] {
    font-size: .78rem;
    color: #7d7d7d;
    white-space: nowrap;
}

[b-0iez5g8f2j] .ab-cta-item {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 4px !important;
    width: 90% !important;
    margin: 10px auto !important;
    padding: 10px !important;
    background: #7a7fff !important;
    color: #fff !important;
    font-size: .88rem !important;
    font-weight: 700 !important;
    cursor: pointer !important;
    transition: background .2s !important;
    letter-spacing: .01em !important;
    border-top: none !important;
    border-radius: 30px !important;
}

.ab-cta-item:hover[b-0iez5g8f2j] {
    background: #4f46e5 !important;
}

@media (max-width: 400px) {
    .ab-panel[b-0iez5g8f2j] {
        width: calc(100vw - 24px) !important;
    }
}

#badge_achievements_list[b-0iez5g8f2j] {
    height: 300px;
    overflow-y: scroll;
    max-height: calc(100vh - 320px);
}
/* _content/KBAI Editor/Components/AIOperations.razor.rz.scp.css */
[b-ophrr8hilo] fluent-tabs::part(activeIndicator) {
    width: 85%;
}

[b-ophrr8hilo] .loadingButton_label {
    color: black;
    margin: 5px 15px 0 0;
}

.div_loadingButton_icon[b-ophrr8hilo] {
    width: 18px;
    height: 28px;
    min-width: 18px;
    display: flex;
}

[b-ophrr8hilo] .genAI_Send_btn_loading::part(control) {
    background: #ffffff !important;
}

.div_modal_body[b-ophrr8hilo] {
    position: relative;
    height: fit-content;
    min-height: 600px;
    /*max-height: 600px;*/
}

.div_modal_main[b-ophrr8hilo] {
    overflow: hidden !important;
}

.modal_tabs_icon[b-ophrr8hilo] {
    width: 11px;
    height: 12px;
    margin-right: 5px;
}

[b-ophrr8hilo] .modal_footer_icon {
    width: 14px;
    margin-right: 10px;
}

.div_genAI_textfield_input[b-ophrr8hilo] {
}

.div_genAI_textArea_input[b-ophrr8hilo] {
}

.GenAI_prompt_label[b-ophrr8hilo] {
    margin: 20px 0 10px 0 !important;
}

[b-ophrr8hilo] .b-tree-view-node-title span {
    display: flex;
    align-items: center;
    border-radius: 10px;
    padding: 7px 10px !important;
}

[b-ophrr8hilo] .bg-primary {
    background-color: #A7AFFF !important;
}

    [b-ophrr8hilo] .bg-primary .navBar_node_icon {
        filter: invert(100%) sepia(4%) saturate(739%) hue-rotate(318deg) brightness(118%) contrast(100%) !important;
    }

#div_AIPrompt[b-ophrr8hilo] {
    width: 100%;
}

#div_introText[b-ophrr8hilo] {
    width: 100%;
    padding: 25px 10px 10px;
}

#introText[b-ophrr8hilo] {
    font-size: 14px;
}

.div_multipleNodes_textArea[b-ophrr8hilo] {
    width: 90%;
    min-height: 80%;
    margin: 30px 0 0 0;
}

[b-ophrr8hilo] .multipleNodes_textArea {
    width: 100%;
    margin-top: 20px;
    height: calc(100% - 3rem - 50px);
}

[b-ophrr8hilo] .multipleNodes_textArea {
    margin-top: 0px !important;
}

    [b-ophrr8hilo] .multipleNodes_textArea::part(control) {
        min-height: 150px !important;
    }

.div_genAI_Send_btn[b-ophrr8hilo] {
    width: 100%;
    display: flex;
}

[b-ophrr8hilo] .genAI_Send_btn {
    margin-left: auto;
}

[b-ophrr8hilo] #Tree-panel {
    height: 100%;
    max-height: 515px;
}

@media screen and (max-width: 1100px) {
    [b-ophrr8hilo] .type_input::part(control), [b-ophrr8hilo] .openNode_property_input::part(control) {
        max-width: 90% !important;
    }
}

[b-ophrr8hilo] .type_input, [b-ophrr8hilo] .openNode_property_input {
    margin-bottom: 10px;
    width: 100% !important;
    min-width: 250px !important;
}

[b-ophrr8hilo] .b-tree-view-node-icon {
    padding: 7px 5px 7px 0;
    cursor: pointer;
}

.nodeContent_left[b-ophrr8hilo], .nodeContent_right[b-ophrr8hilo] {
    display: flex;
    align-items: center;
}

.div_modalButton[b-ophrr8hilo] {
    width: fit-content;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .1s;
    background-color: #EEEEFF;
    padding: 10px 20px;
}

.div_modalButton_active[b-ophrr8hilo] {
    color: white;
    background-color: #7A7FFF !important;
    transition: all 0.2s ease-in-out;
}

.div_modalButton_inactive[b-ophrr8hilo] {
    color: white;
    background-color: #D9DAFF !important;
}

.tree_actions[b-ophrr8hilo] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.modal_footer[b-ophrr8hilo] {
    right: 0;
    bottom: 0;
    width: 100%;
    display: flex;
    justify-content: end;
    position: absolute;
}

#div_treeView[b-ophrr8hilo] {
    width: 100%;
    transition: .2s;
    height: calc(50% - 10px);
    position: relative;
}

.div_treeView_full[b-ophrr8hilo] {
    height: 100% !important;
}

#div_treeView_header[b-ophrr8hilo] {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    min-height: 50px;
    margin-top: 15px;
}

[b-ophrr8hilo] .div_modal_body fluent-tabs {
    /*height: calc(100% - 60px);*/
}

[b-ophrr8hilo] #treeView_Stack {
    width: 100%;
    height: 100%;
}

[b-ophrr8hilo] #introView_Stack {
    width: 100%;
    height: calc(100% - 50px);
    justify-content: space-between !important;
}

.headerIcon_dismiss[b-ophrr8hilo] {
    height: 14px !important;
}

.treeView_header[b-ophrr8hilo] {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    min-height: 50px;
}

.div_treeView_full[b-ophrr8hilo]  .b-tree-view {
    height: 100%;
    min-width: 435px;
    max-height: 435px;
}

[b-ophrr8hilo] .b-tree-view {
    border: solid #CFCFCF 0.01em;
    height: calc(100% - 60px);
    padding: 10px 40px 0 0;
    max-height: 280px;
    min-width: 280px;
    overflow: auto;
    border-radius: 10px;
}

.header_selectedNode_Ref[b-ophrr8hilo] {
    margin: 0;
    font-size: 16px;
    font-weight: 500;
}

.div_headerIcon[b-ophrr8hilo] {
    width: 35px;
    height: 35px;
    margin: 0 5px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
}

.headerIcon[b-ophrr8hilo] {
    width: 15px;
}

.headerIconLabel[b-ophrr8hilo] {
    margin: 0;
}

.headerLeft .div_headerIcon[b-ophrr8hilo] {
    margin: 0;
    width: fit-content;
}

    .headerLeft .div_headerIcon .headerIcon[b-ophrr8hilo] {
        width: 15px;
        margin-right: 7px;
    }

.headerLeft[b-ophrr8hilo] {
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.headerRight[b-ophrr8hilo] {
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.treeView_bodyFooter[b-ophrr8hilo] {
    bottom: 0;
    width: 100%;
    display: flex;
    position: absolute;
}

.div_treeOpenedItem[b-ophrr8hilo] {
    width: 100%;
    transition: .2s;
    height: calc(50% - 10px);
    position: relative;
    border-radius: 10px;
    border: solid #CFCFCF 0.01em;
    padding: 20px 10px 10px 20px;
}

.div_treeOpenedItem_closed[b-ophrr8hilo] {
    border: none;
    padding: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
}

[b-ophrr8hilo] .div_PropertyWithLabel {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-bottom: 10px;
    transition: .2s;
    width: 100%;
    align-items: center;
}

[b-ophrr8hilo] .openNode_property_label {
    margin: 0;
}

.selectedNodeIcon[b-ophrr8hilo] {
    width: 16px !important;
    min-width: 16px !important;
    max-width: 16px !important;
    max-height: 16px !important;
}

.div_modalButton_disable[b-ophrr8hilo] {
    color: white;
}

.runOperationIcon[b-ophrr8hilo] {
    width: 20px;
    height: 20px;
}

[b-ophrr8hilo] .AIAgentsStack {
    width: 100%;
    height: calc(100% - 6rem) !important;
}

[b-ophrr8hilo] .AIActiveAgentsStack {
    width: 100%;
}

/* ─── Agent card ────────────────────────────────────────── */
.div_AIOperation_operation[b-ophrr8hilo] {
    flex-direction: row !important;
    justify-content: space-between;
    align-items: flex-start;
}

.div_AIOperation[b-ophrr8hilo] {
    width: 100%;
    padding: 16px 20px;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    box-shadow: 0 3px 5px 1px #c7c7c7;
    transition: box-shadow 0.2s ease, border-color 0.2s ease;
    border: 1.5px solid transparent;
    background: #fff;
}

    .div_AIOperation.div_AIOperation_active[b-ophrr8hilo] {
        border-color: #A7AFFF;
        /*box-shadow: 0 4px 12px 0 #d0d3ff;*/
    }

    .div_AIOperation[b-ophrr8hilo]  fluent-checkbox {
        width: 100%;
        cursor: pointer;
        display: flex;
        flex-direction: row-reverse;
        justify-content: space-between;
    }

        .div_AIOperation[b-ophrr8hilo]  fluent-checkbox .label {
            padding: 0 !important;
        }

.agent_row_top[b-ophrr8hilo] {
    display: flex;
    align-items: flex-start;
    width: 100%;
}

/* ─── Expanded parameters panel ─────────────────────────── */
.agent_params_panel[b-ophrr8hilo] {
    margin-top: 14px;
    padding: 16px 14px 12px;
    /*background: #F5F5FF;*/
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    gap: 14px;
    animation: agentPanelIn-b-ophrr8hilo 0.18s ease;
}

@keyframes agentPanelIn-b-ophrr8hilo {
    from {
        opacity: 0;
        transform: translateY(-6px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* ─── Parameter group (schedule / periodicity / …) ─────── */
.agent_param_group[b-ophrr8hilo] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.agent_param_group_label[b-ophrr8hilo] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.agent_param_group_title[b-ophrr8hilo] {
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #7A7FFF;
}

.agent_param_icon[b-ophrr8hilo] {
    width: 13px;
    height: 13px;
    opacity: 0.75;
    filter: invert(47%) sepia(85%) saturate(500%) hue-rotate(210deg) brightness(105%);
}

[b-ophrr8hilo] .agent_prompt_textarea {
    width: 100%;
}

    [b-ophrr8hilo] .agent_prompt_textarea::part(control) {
        min-height: 90px;
        font-size: 13px;
        border-radius: 6px;
        resize: vertical;
    }

/* ─── Field row inside a group ──────────────────────────── */
.agent_param_row[b-ophrr8hilo] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 10px;
}

.agent_param_col[b-ophrr8hilo] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    width: fit-content;
    max-width: 100%;
}

.agent_param_field[b-ophrr8hilo] {
    gap: 4px;
    width: 100%;
    display: flex;
    flex-direction: column;
    /*flex: 1 1 130px;*/
    /*min-width: 120px;*/
}

.agent_param_field_narrow[b-ophrr8hilo] {
    flex: 0 0 auto;
    min-width: 100px;
    max-width: 180px;
}

.agent_param_field_wide[b-ophrr8hilo] {
    flex: 1 1 280px;
}

.agent_field_label[b-ophrr8hilo] {
    font-size: 11px;
    color: #888;
    margin: 0;
    /*white-space: nowrap;*/
}


.agent_param_arrow[b-ophrr8hilo] {
    font-size: 16px;
    color: #B0B3FF;
    padding-bottom: 8px;
    flex: 0 0 auto;
    height: 100%;
    display: flex;
    align-items: flex-end;
}


[b-ophrr8hilo] .agent_fluent_input {
    width: 100%;
}

    [b-ophrr8hilo] .agent_fluent_input::part(control) {
        font-size: 13px;
        background: #fff;
        border-radius: 6px;
        border-color: #efefef;
    }

/* Number field with unit suffix */
.agent_number_row[b-ophrr8hilo] {
    display: flex;
    align-items: center;
    gap: 6px;
}

[b-ophrr8hilo] .agent_number_input {
    max-width: 100px;
}

.agent_unit_label[b-ophrr8hilo] {
    font-size: 12px;
    color: #999;
    white-space: nowrap;
}

[b-ophrr8hilo] .agent_text_input {
    width: 100%;
}

/* ─── Operations tab ─────────── */
.div_modal_AIOperations[b-ophrr8hilo] {
    max-height: calc(100% - 245px);
}

.aiOpTab[b-ophrr8hilo] {
    overflow: scroll;
    margin-top: 3rem;
    max-height: calc(100% - 13rem);
}

[b-ophrr8hilo] .stack-vertical {
    padding: 0 10px 60px 0;
    /*height: calc(100% - 8rem);*/
    /*max-height: 600px;*/
    /*overflow: scroll;*/
}

.AIOperation_Description[b-ophrr8hilo] {
    margin: 0;
    font-size: 12.5px;
    color: #767676;
    line-height: 1.4;
}

/* ── Active Agents tab ──────────── */
.active_agents_badge[b-ophrr8hilo] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 18px;
    height: 18px;
    padding: 0 5px;
    margin-left: 7px;
    border-radius: 9px;
    background: #7A7FFF;
    color: #fff;
    font-size: 10px;
    font-weight: 600;
    vertical-align: middle;
}

.div_activeAgent[b-ophrr8hilo] {
    width: 100%;
    padding: 14px 18px;
    border-radius: 10px;
    background: var(--color-background-primary, #fff);
    box-shadow: 0 3px 5px 0 #c7c7c7;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.activeAgent_header[b-ophrr8hilo] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.activeAgent_header_left[b-ophrr8hilo] {
    display: flex;
    align-items: center;
    gap: 8px;
}

/* Pulsing green dot */
.activeAgent_status_dot[b-ophrr8hilo] {
    width: 8px;
    height: 8px;
    min-width: 8px;
    border-radius: 50%;
    background: #1D9E75;
    animation: agentPulse-b-ophrr8hilo 2s ease-in-out infinite;
}

@keyframes agentPulse-b-ophrr8hilo {
    0%, 100% {
        box-shadow: 0 0 0 0 rgba(29, 158, 117, 0.5);
    }

    50% {
        box-shadow: 0 0 0 5px rgba(29, 158, 117, 0);
    }
}

.activeAgent_name[b-ophrr8hilo] {
    font-size: 14px;
    font-weight: 500;
    color: var(--color-text-primary);
}

.activeAgent_header_right[b-ophrr8hilo] {
    display: flex;
    align-items: center;
}

.activeAgent_run_btn[b-ophrr8hilo], .activeAgent_remove_btn[b-ophrr8hilo], .activeAgent_edit_btn[b-ophrr8hilo] {
    width: 28px;
    height: 28px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.15s;
}

    .activeAgent_run_btn:hover[b-ophrr8hilo] {
        background: #7a7fff21;
    }

    .activeAgent_edit_btn:hover[b-ophrr8hilo] {
        background: #7a7fff21;
    }

    .activeAgent_remove_btn:hover[b-ophrr8hilo] {
        background: #FCEBEB;
    }

/* ── Agent edit modal (AIOperations) ── */
.aio-edit-backdrop[b-ophrr8hilo] {
    position: fixed;
    inset: 0;
    background: rgba(30,30,46,0.35);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2000;
    backdrop-filter: blur(2px);
}

.aio-edit-panel[b-ophrr8hilo] {
    background: #fff;
    border-radius: 14px;
    box-shadow: 0 8px 40px rgba(30,30,46,0.18);
    width: 100%;
    max-width: 480px;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.dialog-header[b-ophrr8hilo] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 18px 20px 14px;
    border-bottom: 1px solid #f0f0f8;
}

.dialog-header-left[b-ophrr8hilo] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.dialog-icon-wrap[b-ophrr8hilo] {
    width: 36px;
    height: 36px;
    border-radius: 9px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.aio-edit-title[b-ophrr8hilo] {
    margin: 0;
    font-size: 15px;
    font-weight: 700;
    color: #1e1e2e;
    letter-spacing: -.2px;
}

.aio-edit-subtitle[b-ophrr8hilo] {
    margin: 0;
    font-size: 11px;
    color: #94a3b8;
}

.aio-edit-close[b-ophrr8hilo] {
    background: transparent;
    border: none;
    color: #94a3b8;
    width: 28px;
    height: 28px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.15s, color 0.15s;
}

    .aio-edit-close:hover[b-ophrr8hilo] {
        background: #f0f0f8;
        color: #1e1e2e;
    }

.aio-edit-body[b-ophrr8hilo] {
    padding: 18px 20px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    overflow-y: auto;
    max-height: 60vh;
}

.aio-edit-section[b-ophrr8hilo] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.aio-edit-label[b-ophrr8hilo] {
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #A0A3FF;
}

.aio-edit-fields[b-ophrr8hilo] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.aio-edit-field-row[b-ophrr8hilo] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.aio-edit-field-label[b-ophrr8hilo] {
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #A0A3FF;
}

.aio-edit-input[b-ophrr8hilo] {
    width: 100%;
    border: 1.5px solid #e2e3f5;
    border-radius: 8px;
    padding: 7px 11px;
    font-size: 13px;
    color: #1e1e2e;
    outline: none;
    background: #fff;
    transition: border-color 0.15s, box-shadow 0.15s;
    box-sizing: border-box;
}

    .aio-edit-input:focus[b-ophrr8hilo] {
        border-color: #a5a8ff;
        box-shadow: 0 0 0 3px rgba(122,127,255,0.12);
    }

.aio-edit-error[b-ophrr8hilo] {
    font-size: 12px;
    color: #E24B4A;
    background: #FDECEC;
    border-radius: 7px;
    padding: 8px 12px;
    margin: 0;
}

.aio-edit-loading[b-ophrr8hilo] {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 13px;
    color: #A0A3FF;
    padding: 6px 0;
}

.aio-edit-field-hint[b-ophrr8hilo] {
    font-size: 11px;
    color: #94a3b8;
    margin-bottom: 2px;
}

.aio-edit-textarea[b-ophrr8hilo] {
    width: 100%;
}

.aio-edit-combobox[b-ophrr8hilo] {
    width: 100%;
}

.aio-edit-footer[b-ophrr8hilo] {
    display: flex;
    gap: 8px;
    padding: 14px 20px;
    border-top: 1px solid #f0f0f8;
    background: #fafaff;
}

.aio-edit-btn[b-ophrr8hilo] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 7px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 600;
    border: none;
    cursor: pointer;
    transition: all 0.15s;
}

.aio-edit-btn-save[b-ophrr8hilo] {
    background: linear-gradient(135deg, #7a7fff 0%, #9094ff 100%);
    color: #fff;
}

    .aio-edit-btn-save:hover:not(:disabled)[b-ophrr8hilo] {
        box-shadow: 0 0 10px 2px rgba(122,127,255,0.35);
    }

    .aio-edit-btn-save:disabled[b-ophrr8hilo] {
        opacity: 0.65;
        cursor: not-allowed;
    }

.aio-edit-btn-cancel[b-ophrr8hilo] {
    background: #f0f0f8;
    color: #5b5ea6;
}

    .aio-edit-btn-cancel:hover[b-ophrr8hilo] {
        background: #e2e3f5;
    }

.activeAgent_desc[b-ophrr8hilo] {
    font-size: 12px;
    color: var(--color-text-secondary);
    margin: 0;
}

/* Stats row */
.activeAgent_stats[b-ophrr8hilo] {
    display: flex;
    align-items: stretch;
    gap: 0;
    margin-top: 4px;
    background: #F5F5FF;
    border-radius: 8px;
    padding: 10px 0;
}

.activeAgent_stat[b-ophrr8hilo] {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 3px;
    padding: 0 10px;
}

.activeAgent_stat_divider[b-ophrr8hilo] {
    width: 1px;
    background: #D9DAFF;
    align-self: stretch;
}

.activeAgent_stat_label[b-ophrr8hilo] {
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #A0A3FF;
}

.activeAgent_stat_value[b-ophrr8hilo] {
    font-size: 12px;
    font-weight: 500;
    color: var(--color-text-primary);
    text-align: center;
}

.activeAgent_stat_next[b-ophrr8hilo] {
    color: #7A7FFF;
}

.activeAgent_stat_count[b-ophrr8hilo] {
    font-size: 18px;
    font-weight: 600;
    color: #7A7FFF;
}

/* ── AgentsManager shortcut row ─────────────────────────────── */
.activeAgents_top_row[b-ophrr8hilo] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 12px;
}

.activeAgents_manager_shortcut[b-ophrr8hilo] {
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 5px 11px;
    border-radius: 6px;
    border: 1px solid #DDDEFF;
    background: #F5F5FF;
    transition: background 0.15s, border-color 0.15s;
    flex-shrink: 0;
}

    .activeAgents_manager_shortcut:hover[b-ophrr8hilo] {
        background: #ECEEFF;
        border-color: #7A7FFF;
    }

.activeAgents_manager_shortcut_label[b-ophrr8hilo] {
    font-size: 12px;
    font-weight: 500;
    color: #7A7FFF;
    white-space: nowrap;
}

/* ── Status badge on active agent card ───────────────────────── */
.activeAgent_status_badge[b-ophrr8hilo] {
    font-size: 11px;
    font-weight: 600;
    padding: 2px 8px;
    border-radius: 10px;
    letter-spacing: 0.03em;
    margin-right: 4px;
}

.activeAgent_status_idle[b-ophrr8hilo] {
    background: #F0F0F0;
    color: #888;
}

.activeAgent_status_running[b-ophrr8hilo] {
    background: #E8F5EF;
    color: #1D9E75;
}

.activeAgent_status_success[b-ophrr8hilo] {
    background: #E8F5EF;
    color: #1D9E75;
}

.activeAgent_status_error[b-ophrr8hilo] {
    background: #FDECEC;
    color: #E24B4A;
}

/* ── Error card highlight ────────────────────────────────────── */
.div_activeAgent_error[b-ophrr8hilo] {
    border-left: 3px solid #E24B4A !important;
}

.div_activeAgent_expanded[b-ophrr8hilo] {
    background: #FAFAFF;
}

/* ── Expand toggle button ─────────────────────────────────────── */
.activeAgent_expand_btn[b-ophrr8hilo] {
    width: 26px;
    height: 26px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #A0A3FF;
    margin-left: 2px;
    transition: background 0.15s, color 0.15s, transform 0.2s;
}

    .activeAgent_expand_btn:hover[b-ophrr8hilo] {
        background: #ECEEFF;
        color: #7A7FFF;
    }

.activeAgent_expand_btn_open[b-ophrr8hilo] {
    transform: rotate(180deg);
    color: #7A7FFF;
}

/* ── Details panel ───────────────────────────────────────────── */
.activeAgent_details_panel[b-ophrr8hilo] {
    display: flex;
    flex-direction: column;
    gap: 14px;
    border-top: 1px solid #EBEBFF;
    padding-top: 14px;
    margin-top: 4px;
    animation: activeAgentDetailsIn-b-ophrr8hilo 0.18s ease;
}

@keyframes activeAgentDetailsIn-b-ophrr8hilo {
    from {
        opacity: 0;
        transform: translateY(-5px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Meta grid */
.activeAgent_details_grid[b-ophrr8hilo] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px 16px;
}

.activeAgent_detail_item[b-ophrr8hilo] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.activeAgent_detail_label[b-ophrr8hilo] {
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #A0A3FF;
}

.activeAgent_detail_value[b-ophrr8hilo] {
    font-size: 12px;
    color: var(--color-text-primary, #212121);
    word-break: break-word;
}

/* Section header */
.activeAgent_details_section[b-ophrr8hilo] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.activeAgent_details_section_label[b-ophrr8hilo] {
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #A0A3FF;
    display: flex;
    align-items: center;
    gap: 6px;
}

/* Hierarchy pills */
.activeAgent_hierarchy_list[b-ophrr8hilo] {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}

.activeAgent_hierarchy_pill[b-ophrr8hilo] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 3px 10px;
    border-radius: 6px;
    border: 1px solid #DDDEFF;
    background: #F5F5FF;
    font-size: 11.5px;
    color: #5b5ea6;
    font-weight: 500;
}

/* Additional info block */
.activeAgent_detail_info_block[b-ophrr8hilo] {
    font-size: 12px;
    color: var(--color-text-secondary, #666);
    background: #F5F5FF;
    border-radius: 6px;
    padding: 8px 12px;
    margin: 0;
    white-space: pre-wrap;
    word-break: break-word;
}

/* ── Parsed additional-information field grid ── */
.activeAgent_info_field_grid[b-ophrr8hilo] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px 16px;
    background: #F5F5FF;
    border-radius: 8px;
    padding: 10px 12px;
}

.activeAgent_info_field_item[b-ophrr8hilo] {
    display: flex;
    flex-direction: column;
    gap: 3px;
    min-width: 0;
}

.activeAgent_info_field_key[b-ophrr8hilo] {
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #A0A3FF;
}

.activeAgent_info_field_value[b-ophrr8hilo] {
    font-size: 12px;
    color: var(--color-text-primary, #212121);
    word-break: break-word;
}

.activeAgent_info_field_empty[b-ophrr8hilo] {
    color: #B7B9F7;
}

.activeAgent_info_field_pills[b-ophrr8hilo] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
}

.activeAgent_info_field_pill[b-ophrr8hilo] {
    font-size: 11px;
    padding: 2px 8px;
    border-radius: 5px;
    background: #fff;
    border: 1px solid #DDDEFF;
    color: #5b5ea6;
    font-weight: 500;
}

.activeAgent_info_field_badge[b-ophrr8hilo] {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    font-size: 11px;
    font-weight: 600;
    padding: 2px 9px;
    border-radius: 10px;
}

.activeAgent_info_field_badge_true[b-ophrr8hilo] {
    background: #E8F5EF;
    color: #1D9E75;
}

.activeAgent_info_field_badge_false[b-ophrr8hilo] {
    background: #FDECEC;
    color: #E24B4A;
}

/* Log count badge */
.activeAgent_log_count_badge[b-ophrr8hilo] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 16px;
    height: 16px;
    padding: 0 4px;
    border-radius: 8px;
    background: #DDDEFF;
    color: #5b5ea6;
    font-size: 9px;
    font-weight: 700;
}

/* Log timeline */
.activeAgent_log_timeline[b-ophrr8hilo] {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.activeAgent_log_entry[b-ophrr8hilo] {
    display: flex;
    gap: 10px;
    position: relative;
}

.activeAgent_log_indicator[b-ophrr8hilo] {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex-shrink: 0;
    width: 12px;
}

.activeAgent_log_dot[b-ophrr8hilo] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    margin-top: 3px;
    flex-shrink: 0;
    background: #c5c6fb;
}

.activeAgent_log_error .activeAgent_log_dot[b-ophrr8hilo] {
    background: #E24B4A;
}

.activeAgent_log_ok .activeAgent_log_dot[b-ophrr8hilo] {
    background: #1D9E75;
}

.activeAgent_log_idle .activeAgent_log_dot[b-ophrr8hilo] {
    background: #c5c6fb;
}

.activeAgent_log_line[b-ophrr8hilo] {
    width: 1px;
    flex: 1;
    background: #EBEBFF;
    margin: 3px 0 0;
    min-height: 10px;
}

.activeAgent_log_entry:last-child .activeAgent_log_line[b-ophrr8hilo] {
    display: none;
}

.activeAgent_log_body[b-ophrr8hilo] {
    padding-bottom: 10px;
    flex: 1;
    min-width: 0;
}

.activeAgent_log_header_row[b-ophrr8hilo] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
}

.activeAgent_log_time[b-ophrr8hilo] {
    font-size: 11px;
    color: #94a3b8;
    font-family: monospace;
}

.activeAgent_log_status_pill[b-ophrr8hilo] {
    font-size: 10px;
    font-weight: 600;
    padding: 1px 7px;
    border-radius: 5px;
}

.activeAgent_log_pill_ok[b-ophrr8hilo] {
    background: #E8F5EF;
    color: #1D9E75;
}

.activeAgent_log_pill_error[b-ophrr8hilo] {
    background: #FDECEC;
    color: #E24B4A;
}

.activeAgent_log_pill_idle[b-ophrr8hilo] {
    background: #F0F0F0;
    color: #888;
}

.activeAgent_log_error_code[b-ophrr8hilo] {
    font-size: 10px;
    font-family: monospace;
    color: #E24B4A;
    background: #FDECEC;
    padding: 1px 5px;
    border-radius: 4px;
}

.activeAgent_log_error_msg[b-ophrr8hilo] {
    font-size: 11px;
    color: #E24B4A;
    margin-top: 3px;
    word-break: break-word;
}

.activeAgent_log_more[b-ophrr8hilo] {
    font-size: 11px;
    color: #A0A3FF;
    margin: 4px 0 0 22px;
    font-style: italic;
}

/* ── Result description line ─────────────────────────────────── */
.activeAgent_result_desc[b-ophrr8hilo] {
    font-size: 12px;
    color: var(--color-text-secondary);
    margin: 4px 0 2px 16px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.activeAgent_result_desc_error[b-ophrr8hilo] {
    color: #E24B4A;
}

/* ── Stat extras ─────────────────────────────────────────────── */
.activeAgent_stat_mono[b-ophrr8hilo] {
    font-family: monospace;
    font-size: 11px;
}

.activeAgent_stat_error[b-ophrr8hilo] {
    color: #E24B4A;
}

/* Empty state */
.activeAgents_empty[b-ophrr8hilo] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
    margin-top: 60px;
    opacity: 0.7;
}

.activeAgents_empty_text[b-ophrr8hilo] {
    font-size: 13px;
    color: var(--color-text-secondary);
    margin: 0;
}

/* ── Operation card ─────────────────────────────────── */
.aiOp_top[b-ophrr8hilo] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    width: 100%;
}

.aiOp_inline_params[b-ophrr8hilo] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 12px 0 4px;
    border-top: 0.5px solid #EBEBFF;
    margin-top: 4px;
}

.aiOp_schedule_toggle[b-ophrr8hilo] {
    display: flex;
    align-items: center;
    padding: 8px 0 2px;
    border-top: 0.5px solid #EBEBFF;
    margin: 2rem 0 0;
}

.aiOp_schedule_label[b-ophrr8hilo] {
    font-size: 14px;
    color: #212121;
}

.aiOp_datetime_group[b-ophrr8hilo] {
    flex: 1 1 0;
}

.aiOp_datetime_row[b-ophrr8hilo] {
    display: flex;
    gap: 6px;
    align-items: center;
}

[b-ophrr8hilo] .aiOp_date_input {
    flex: 1 1 120px;
    max-height: 32px;
    min-width: 0;
}

[b-ophrr8hilo] .aiOp_time_input {
    flex: 0 0 90px;
    min-width: 0;
}

.aiOp_action_row[b-ophrr8hilo] {
    display: flex;
    justify-content: flex-end;
    padding-top: 15px;
    border-top: 0.5px solid #EBEBFF;
    margin-top: 8px;
}

.aiOp_action_btn[b-ophrr8hilo] {
    display: flex;
    align-items: center;
    gap: 7px;
    padding: 8px 18px;
    min-width: 90px;
    justify-content: center;
}

.aiOp_btn_label[b-ophrr8hilo] {
    font-size: 13px;
    font-weight: 500;
    color: #fff;
}

[b-ophrr8hilo] .file-drop-zone {
    border: solid .1em;
    border-style: dashed;
    border-radius: 3px;
    padding: 10px;
    border-color: #d6d6d6;
    cursor: pointer;
}

[b-ophrr8hilo] .selected-file-name {
    font-size: 14px;
    cursor: pointer;
    color: #777777;
}

[b-ophrr8hilo] .select_input::part(control) {
    font-size: 13px;
    max-width: calc(100% - 30px);
}

/* ── Collapsible card ───────────────────────────────────────── */
.aiOp_card_header[b-ophrr8hilo] {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    width: 100%;
    user-select: none;
}

/* Operation icon chip */
.aiOp_icon_chip[b-ophrr8hilo] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 36px;
    height: 36px;
    border-radius: 9px;
    background: #F0F0FF;
    color: #8C8FFF;
    margin-top: 1px;
    transition: background 0.15s, color 0.15s;
}

.aiOp_icon_chip_active[b-ophrr8hilo] {
    background: #7A7FFF;
    color: #fff;
}

.aiOp_card_header:hover .aiOp_icon_chip:not(.aiOp_icon_chip_active)[b-ophrr8hilo] {
    background: #E2E2FF;
}

.AIOperation_Body[b-ophrr8hilo] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.AIOperation_Title_Row[b-ophrr8hilo] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.AIOperation_Reference[b-ophrr8hilo] {
    margin: 0;
    font-size: 14px;
    font-weight: 600;
    color: #212121;
    letter-spacing: 0.01em;
    transition: color 0.15s;
}

.aiOp_card_header:hover .AIOperation_Reference[b-ophrr8hilo] {
    color: #7A7FFF;
    transition: color 0.15s;
}

/* Scheduled badge */
.aiOp_scheduled_badge[b-ophrr8hilo] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: 0.02em;
    color: #6366f1;
    background: #ECEEFF;
    border-radius: 9px;
    padding: 2px 8px 2px 6px;
    flex-shrink: 0;
}

/* Chevron toggle button */
.aiOp_chevron_btn[b-ophrr8hilo] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 28px;
    height: 28px;
    margin-top: 4px;
    border-radius: 7px;
    color: #A0A3FF;
    transition: background 0.15s, color 0.15s, transform 0.2s;
}

.aiOp_card_header:hover .aiOp_chevron_btn[b-ophrr8hilo] {
    background: #F0F0FF;
    color: #7A7FFF;
}

.aiOp_chevron_btn_open[b-ophrr8hilo] {
    transform: rotate(180deg);
    color: #7A7FFF;
}

.aiOp_card_body[b-ophrr8hilo] {
    display: flex;
    flex-direction: column;
    gap: 0;
    animation: cardBodyIn-b-ophrr8hilo 0.18s ease;
    border-top: 0.5px solid #EBEBFF;
    margin-top: 10px;
    padding-top: 10px;
}

@keyframes cardBodyIn-b-ophrr8hilo {
    from {
        opacity: 0;
        transform: translateY(-4px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Subtle background shift when expanded */
.div_AIOperation_expanded[b-ophrr8hilo] {
    background: #FAFAFF;
}

/* ── Required field label marker ────────────────────────────── */
.agent_field_required[b-ophrr8hilo]::after {
    content: " *";
    color: #E24B4A;
    font-weight: 600;
}

/* ── Error ─────────────────────────────────────── */
/*.agent_param_group_error > .agent_param_group_label .agent_param_group_title {
    color: #E24B4A;
}

.agent_param_group_error > .agent_field_required::after {
    color: #E24B4A;
}*/

/*::deep .agent_param_group_error fluent-text-field::part(control),
::deep .agent_param_group_error fluent-text-area::part(control),
::deep .agent_param_group_error fluent-number-field::part(control),
::deep .agent_param_group_error fluent-date-picker::part(control),
::deep .agent_param_group_error fluent-combobox::part(control) {
    border-color: #E24B4A !important;
    border-width: 1.5px !important;
}*/

.aiOp_btn_disabled[b-ophrr8hilo] {
    opacity: 0.45;
    cursor: not-allowed !important;
    pointer-events: none;
}

/* ── Validation hint text ────────────────────────────────────── */
.aiOp_validation_hint[b-ophrr8hilo] {
    font-size: 11px;
    color: #7A7FFF;
    align-self: center;
    margin-right: auto;
    display: flex;
    align-items: center;
}

    .aiOp_validation_hint[b-ophrr8hilo]::before {
        content: "⚠";
        margin-right: 5px;
        font-size: 11px;
    }


/* --------- Liked Context/WikiNote ------------- */
[b-ophrr8hilo] .LinkContextAutocomplete, [b-ophrr8hilo] .LinkWikiNoteAutocomplete {
    font-size: 13px;
}

    [b-ophrr8hilo] .LinkContextAutocomplete::part(control), [b-ophrr8hilo] .LinkWikiNoteAutocomplete::part(control) {
        font-size: 13px;
    }

.linkContext_input_field[b-ophrr8hilo] {
    flex: 1 1 auto;
    min-width: 100px;
}

@media screen and (max-width: 1100px) {
    :: deep .LinkContextAutocomplete[b-ophrr8hilo], [b-ophrr8hilo] .LinkWikiNoteAutocomplete {
        max-width: calc(100% - 76px) !important;
    }
}
/* _content/KBAI Editor/Components/Assistant/AppAssistantWidget.razor.rz.scp.css */
/* ==========================================================================
   AppAssistantWidget
   Palette matches the rest of the app: accent #7A7FFF / #5B5FC7,
   panels #F3F4F9, dark text #242424, soft card shadows.
   ========================================================================== */

.kbassist_wrapper[b-m13p89k1wv] {
    position: relative;
    display: inline-block;
    width: fit-content;
    height: fit-content;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", sans-serif;
}

/* ---- Trigger button ------------------------------------------------------ */

.kbassist_button[b-m13p89k1wv] {
    position: relative;
    width: 52px;
    height: 52px;
    min-width: 52px;
    border: none;
    border-radius: 100%;
    background: #7A7FFF;
    color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    box-shadow: 0 2px 10px rgba(122, 127, 255, 0.45);
    transition: transform .25s ease, background-color .25s ease, box-shadow .25s ease;
    padding: 0;
}

    .kbassist_button:hover[b-m13p89k1wv] {
        transform: scale(1.06);
        background: #5B5FC7;
    }

    .kbassist_button:active[b-m13p89k1wv] {
        transform: scale(0.97);
    }

.kbassist_button_icon[b-m13p89k1wv] {
    width: 24px;
    height: 24px;
    pointer-events: none;
}

.kbassist_button_open[b-m13p89k1wv] {
    background: #5B5FC7;
}

.kbassist_badge[b-m13p89k1wv] {
    position: absolute;
    top: 2px;
    right: 2px;
    width: 11px;
    height: 11px;
    border-radius: 100%;
    background: #FF4D4F;
    border: 2px solid #FFFFFF;
}

/* ---- Panel ---------------------------------------------------------------- */

.kbassist_panel[b-m13p89k1wv] {
    position: absolute;
    width: 320px;
    max-width: calc(100vw - 24px);
    height: 440px;
    max-height: calc(100vh - 24px);
    background: #FFFFFF;
    border-radius: 16px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.16), 0 2px 8px rgba(0, 0, 0, 0.08);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    z-index: 50;
    animation: kbassist_pop-b-m13p89k1wv .18s ease-out;
}

@keyframes kbassist_pop-b-m13p89k1wv {
    from {
        opacity: 0;
        transform: scale(0.94) translateY(4px);
    }

    to {
        opacity: 1;
        transform: scale(1) translateY(0);
    }
}

/* Anchor the panel to whichever corner of the button keeps it on-screen */
.kbassist_panel--top-left[b-m13p89k1wv] {
    bottom: calc(100% + 12px);
    right: 0;
    transform-origin: bottom right;
}

.kbassist_panel--top-right[b-m13p89k1wv] {
    bottom: calc(100% + 12px);
    left: 0;
    transform-origin: bottom left;
}

.kbassist_panel--bottom-left[b-m13p89k1wv] {
    top: calc(100% + 12px);
    right: 0;
    transform-origin: top right;
}

.kbassist_panel--bottom-right[b-m13p89k1wv] {
    top: calc(100% + 12px);
    left: 0;
    transform-origin: top left;
}

/* Backdrop shown behind the expanded (desktop) or full-screen (mobile) panel */
.kbassist_backdrop[b-m13p89k1wv] {
    display: none;
    position: fixed;
    inset: 0;
    background: rgba(20, 20, 30, 0.35);
    z-index: 199;
}

.kbassist_backdrop--visible[b-m13p89k1wv] {
    display: block;
}

/* Expanded view: detaches from the button and centers as a larger, easier-to-read window */
.kbassist_panel.kbassist_panel--expanded[b-m13p89k1wv] {
    position: fixed;
    top: 50%;
    left: 50%;
    right: auto;
    bottom: auto;
    transform: translate(-50%, -50%);
    transform-origin: center;
    width: min(560px, calc(100vw - 32px));
    height: min(720px, calc(100vh - 32px));
    max-width: none;
    max-height: none;
    z-index: 210;
}

/* ---- Header ---------------------------------------------------------------- */

.kbassist_header[b-m13p89k1wv] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 16px;
    border-bottom: 1px solid #F0F0F5;
    flex-shrink: 0;
}

.kbassist_title[b-m13p89k1wv] {
    margin: 0;
    font-size: 15px;
    font-weight: 700;
    color: #242424;
}

.kbassist_header_actions[b-m13p89k1wv] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.kbassist_iconbtn[b-m13p89k1wv] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    border-radius: 100%;
    color: #727272;
    transition: color .2s ease, background-color .2s ease;
}

    .kbassist_iconbtn:hover[b-m13p89k1wv] {
        color: #5B5FC7;
        background-color: #EEEEFF;
    }

/* ---- Message list ----------------------------------------------------------- */

.kbassist_body[b-m13p89k1wv] {
    flex: 1;
    overflow-y: auto;
    padding: 14px 14px 6px 14px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    background: #FBFBFB;
}

    .kbassist_body[b-m13p89k1wv]::-webkit-scrollbar {
        width: 8px;
    }

    .kbassist_body[b-m13p89k1wv]::-webkit-scrollbar-thumb {
        background: #DBDBDB;
        border-radius: 10px;
    }

        .kbassist_body[b-m13p89k1wv]::-webkit-scrollbar-thumb:hover {
            background: #C7C7C7;
        }

.kbassist_row[b-m13p89k1wv] {
    display: flex;
    width: 100%;
}

.kbassist_row--user[b-m13p89k1wv] {
    justify-content: flex-end;
}

.kbassist_row--assistant[b-m13p89k1wv] {
    justify-content: flex-start;
}

.kbassist_bubble[b-m13p89k1wv] {
    max-width: 80%;
    padding: 9px 13px;
    font-size: 13.5px;
    line-height: 1.4;
    white-space: pre-wrap;
    word-break: break-word;
}

.kbassist_bubble--user[b-m13p89k1wv] {
    background: #7A7FFF;
    color: #FFFFFF;
    border-radius: 14px 14px 3px 14px;
}

.kbassist_bubble--assistant[b-m13p89k1wv] {
    background: #F3F4F9;
    color: #242424;
    border-radius: 14px 14px 14px 3px;
}

.kbassist_bubble--error[b-m13p89k1wv] {
    background: #FDEEF0;
    color: #C4314B;
    border: 1px solid rgba(196, 49, 75, 0.25);
}

/* Source chips (SKChat_Source) attached to an answer */
.kbassist_sources[b-m13p89k1wv] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    padding: 0 2px;
}

.kbassist_source_chip[b-m13p89k1wv] {
    font-size: 11.5px;
    font-weight: 600;
    color: #5B5FC7;
    background: #EEEEFF;
    border-radius: 20px;
    padding: 5px 10px;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition: background-color .2s ease;
}

    .kbassist_source_chip:hover[b-m13p89k1wv] {
        background: #D9DAFF;
    }

/* Follow-up suggestion chips (SKChat.followUp) */
.kbassist_followups[b-m13p89k1wv] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 0 2px;
}

.kbassist_followup_chip[b-m13p89k1wv] {
    align-self: flex-start;
    font-size: 12.5px;
    color: #5B5FC7;
    background: #FFFFFF;
    border: 1px solid #D9DAFF;
    border-radius: 14px;
    padding: 6px 12px;
    transition: background-color .2s ease, border-color .2s ease;
}

    .kbassist_followup_chip:hover[b-m13p89k1wv] {
        background: #EEEEFF;
        border-color: #7A7FFF;
    }

/* Typing indicator */
.kbassist_typing[b-m13p89k1wv] {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 12px 14px;
}

    .kbassist_typing span[b-m13p89k1wv] {
        width: 6px;
        height: 6px;
        border-radius: 100%;
        background: #AEB0E7;
        animation: kbassist_bounce-b-m13p89k1wv 1.2s infinite ease-in-out;
    }

        .kbassist_typing span:nth-child(2)[b-m13p89k1wv] {
            animation-delay: .15s;
        }

        .kbassist_typing span:nth-child(3)[b-m13p89k1wv] {
            animation-delay: .3s;
        }

@keyframes kbassist_bounce-b-m13p89k1wv {
    0%, 60%, 100% {
        transform: translateY(0);
        opacity: .6;
    }

    30% {
        transform: translateY(-4px);
        opacity: 1;
    }
}

/* ---- Input bar --------------------------------------------------------------- */

.kbassist_inputbar[b-m13p89k1wv] {
    display: flex;
    align-items: flex-end;
    gap: 8px;
    padding: 10px 12px;
    border-top: 1px solid #F0F0F5;
    background: #FFFFFF;
    flex-shrink: 0;
}

.kbassist_input[b-m13p89k1wv] {
    flex: 1;
    resize: none;
    border: none;
    outline: none;
    background: #F3F4F9;
    border-radius: 12px;
    padding: 9px 12px;
    font-size: 13.5px;
    font-family: inherit;
    max-height: 120px;
    min-height: 36px;
    line-height: 1.4;
    color: #242424;
    overflow-y: hidden;
}

    .kbassist_input[b-m13p89k1wv]::placeholder {
        color: #9A9A9A;
    }

    .kbassist_input:disabled[b-m13p89k1wv] {
        opacity: .6;
    }

.kbassist_send[b-m13p89k1wv] {
    width: 34px;
    height: 34px;
    min-width: 34px;
    border-radius: 100%;
    background: #7A7FFF;
    color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: transform .2s ease, background-color .2s ease;
}

    .kbassist_send:hover[b-m13p89k1wv] {
        transform: scale(1.05);
        background: #5B5FC7;
    }

.kbassist_send--disabled[b-m13p89k1wv] {
    background: #DBDBDB;
    cursor: not-allowed;
    pointer-events: none;
}

.kbassist_send_spinner[b-m13p89k1wv] {
    width: 14px;
    height: 14px;
    border-radius: 100%;
    border: 2px solid rgba(255, 255, 255, 0.5);
    border-top-color: #FFFFFF;
    animation: kbassist_spin-b-m13p89k1wv .7s linear infinite;
}

@keyframes kbassist_spin-b-m13p89k1wv {
    to {
        transform: rotate(360deg);
    }
}

/* ---- Small screens: the popup becomes a near-fullscreen sheet regardless of
   anchor corner or expanded state � there's no comfortable "small anchored"
   size on a phone, so we don't try to keep one. ------------------------------ */

@media screen and (max-width: 480px) {
    .kbassist_panel[b-m13p89k1wv] {
        position: fixed !important;
        top: 12px !important;
        left: 12px !important;
        right: 12px !important;
        bottom: 12px !important;
        width: auto !important;
        height: auto !important;
        max-width: none !important;
        max-height: none !important;
        transform: none !important;
    }

    .kbassist_backdrop[b-m13p89k1wv] {
        display: block;
    }

    /* Already effectively full-screen, so expanding further wouldn't do anything */
    .kbassist_expand_btn[b-m13p89k1wv] {
        display: none;
    }
}
/* _content/KBAI Editor/Components/BottomMenu.razor.rz.scp.css */
[b-e6kvdkcuog] .mobile_quickcreate_menu {
    z-index: -1 !important;
    top: -152px !important;
    height: fit-content !important;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
    left: calc(50% - 116px) !important;
}

[b-e6kvdkcuog] .mobile_quickcreate_menu_left {
    right: calc(100% - 220px) !important;
    max-width: 220px !important;
    left: auto !important;
}

.topMenu_option_icon[b-e6kvdkcuog] {
    width: 13px;
    height: 13px;
    margin-right: 10px;
}

.topMenu_option_text[b-e6kvdkcuog] {
    margin: 0;
    font-size: 14px;
}

/* ── Legacy pill menu (kept for non-dashboard tabs) ───────────────────── */
#MobileBottomMenu[b-e6kvdkcuog] {
    bottom: 0;
    display: none;
    position: fixed;
    height: 64px;
    z-index: 990;
    width: 100%;
    /* max-width: 400px; */
    right: 0;
    left: 0;
    margin: auto;
    padding: 20px;
    background-color: #212121;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
}
@media screen and (max-width: 900px) {

    .div_SideBar_toggler[b-e6kvdkcuog] {
        display: none !important;
    }
}

.MobileBottomMenu_Buttons[b-e6kvdkcuog] {
    padding: 12px;
    height: 45px;
    width: 45px;
    transition: .2s;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    margin: 0 10px;
    position: relative;
    z-index: 10000;
}

    .MobileBottomMenu_Buttons img[b-e6kvdkcuog] {
        width: 100%;
        height: 100%;
    }

.MobileBottomMenu_ButtonSelected[b-e6kvdkcuog] {
    background-color: #7A7FFF;
}

/* ── Quick Thought popup ──────────────────────────────────────────────── */
.quickthought_popup_mobile[b-e6kvdkcuog] {
    position: absolute;
    right: 1rem;
    bottom: 79px;
    max-width: calc(100vw - 20px);
}

.quickthought_popup[b-e6kvdkcuog] {
    display: none;
    width: 0;
    height: 0;
    max-width: 85vw;
    max-height: 90vh;
    background-color: #212121;
    border-radius: 20px;
    z-index: 9000;
    box-shadow: 0 3px 5px rgba(0,0,0,0.2);
    pointer-events: none;
    transition: height 0.1s ease, width 0.1s ease, opacity 0.1s ease, display 0.2s;
}

    .quickthought_popup.show[b-e6kvdkcuog] {
        display: block!important;
        pointer-events: auto;
        height: 500px;
        width: 700px;
    }

    .quickthought_popup.full[b-e6kvdkcuog] {
        opacity: 0;
        transform: scale(2);
        pointer-events: none;
        display: none;
    }

.quickthought_popup-header[b-e6kvdkcuog] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 20px;
}

.quickthought_popup-title[b-e6kvdkcuog] {
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    background-color: #212121;
    border: none;
}

    .quickthought_popup-title:focus-visible[b-e6kvdkcuog] {
        outline: none !important;
    }

.header-actions[b-e6kvdkcuog] {
    display: flex;
    gap: 10px;
}

.icon-button[b-e6kvdkcuog] {
    background: none;
    border: none;
    color: #fff;
    font-size: 18px;
    width: 30px;
    height: 30px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 7px;
}

    .icon-button img[b-e6kvdkcuog] {
        width: 100%;
    }

.quickthought_popup-body[b-e6kvdkcuog] {
    flex: 1;
    padding: 10px 20px;
    height: calc(100% - 140px);
}

    .quickthought_popup-body textarea[b-e6kvdkcuog] {
        width: 100%;
        height: 100%;
        background-color: #303030;
        border: none;
        border-radius: 20px;
        padding: 15px;
        font-size: 16px;
        color: #fff;
        resize: none;
        outline: none;
    }

.quickthought_popup-footer[b-e6kvdkcuog] {
    display: flex;
    justify-content: flex-end;
    padding: 15px 20px;
}

.save-button[b-e6kvdkcuog], .cancel-button[b-e6kvdkcuog] {
    background-color: #7A7FFF;
    color: #fff;
    border: none;
    border-radius: 10px;
    padding: 10px 20px;
    font-size: 16px;
    cursor: pointer;
    transition: background-color 0.2s ease;
}

    .save-button:hover[b-e6kvdkcuog] {
        background-color: #6969e0;
    }

.cancel-button[b-e6kvdkcuog] {
    margin-right: 1rem;
    background-color: #C4314B !important;
}

[b-e6kvdkcuog] .quickthought_popup form {
    height: 100%;
}

/* ── Full-width bottom nav bar ────────────────────────────────────────── */
#MobileBottomMenu_Dashboard[b-e6kvdkcuog] {
    bottom: 0;
    position: fixed;
    height: 64px;
    display: none;
    z-index: 990;
    width: 100%;
    right: 0;
    left: 0;
    margin: auto;
    padding: 0 8px;
    background-color: #212121;
    box-shadow: 0 -1px 0 rgba(255,255,255,0.08);
}

@media screen and (max-width: 900px) {
    #MobileBottomMenu_Dashboard[b-e6kvdkcuog] {
        display: flex;
        align-items: center;
        justify-content: space-around;
    }
}

.MobileBottomMenu_Dashboard_Buttons[b-e6kvdkcuog] {
    height: 48px;
    width: 48px;
    flex: 1;
    max-width: 72px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 14px;
    transition: background-color .15s;
    cursor: pointer;
    position: relative;
}

    .MobileBottomMenu_Dashboard_Buttons img[b-e6kvdkcuog] {
        width: 20px;
        height: 20px;
    }

    .MobileBottomMenu_Dashboard_Buttons:active[b-e6kvdkcuog] {
        background-color: rgba(122, 127, 255, 0.15);
    }

.MobileBottomMenu_Dashboard_ButtonSelected[b-e6kvdkcuog] {
    background-color: rgba(122, 127, 255, 0.22);
}

    .MobileBottomMenu_Dashboard_ButtonSelected img[b-e6kvdkcuog] {
        filter: invert(56%) sepia(60%) saturate(500%) hue-rotate(200deg) brightness(110%) contrast(105%);
    }

/* ── FAB — floating create button ────────────────────────────────────── */
#MobileBottomMenu_FAB[b-e6kvdkcuog] {
    position: fixed;
    bottom: 80px;
    right: 20px;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background-color: #7A7FFF;
    display: none;
    align-items: center;
    justify-content: center;
    z-index: 991;
    cursor: pointer;
    box-shadow: 0 2px 8px rgba(122, 127, 255, 0.35);
    transition: transform .15s, background-color .15s;
}

    #MobileBottomMenu_FAB img[b-e6kvdkcuog] {
        width: 20px;
        height: 20px;
    }

    #MobileBottomMenu_FAB:active[b-e6kvdkcuog] {
        transform: scale(0.94);
        background-color: #6969e0;
    }

@media screen and (max-width: 900px) {
    #MobileBottomMenu_FAB[b-e6kvdkcuog] {
        display: flex;
    }
}
/* _content/KBAI Editor/Components/CommentsSection.razor.rz.scp.css */

/* Handle */
[b-nw0lxvl9sc] ::-webkit-scrollbar-thumb {
    background: #C7C7C7;
    border-radius: 10px;
    border: 8px white solid;
}

.no_comments[b-nw0lxvl9sc] {
    margin: 0;
    top: 1rem;
    left: 2rem;
    font-size: 13px;
    font-style: italic;
    position: absolute;
}

.comments_Open[b-nw0lxvl9sc] {
    width: calc(100%/3)!important;
}
.commentsNotch_Open[b-nw0lxvl9sc] {
    right: calc(100%/3 - 10px) !important;
}


@media screen and (max-width: 900px) {

    .comments_Open[b-nw0lxvl9sc] {
        width: 70%!important;
    }
    .commentsNotch_Open[b-nw0lxvl9sc] {
        right: calc(70% - 10px) !important;
    }
}


[b-nw0lxvl9sc] .node_actions_menu {
    top: 20px !important;
    left: auto !important;
    right: 0 !important;
}
    [b-nw0lxvl9sc] .node_actions_menu > ul > li:last-child {
        margin-bottom: 0 !important;
    }
[b-nw0lxvl9sc] .node_more_opt {
    width: fit-content;
}

[b-nw0lxvl9sc] .node_more_opt_icon {
    width: 12px;
    height: 12px;
}


.RelationsFinderBody[b-nw0lxvl9sc] {
    height: unset;
    overflow-y: scroll;
    padding: 20px 5px 20px 20px;
    max-height: calc(100% - 150px);
    min-height: calc(100% - 150px);
}
.RelationsFinderBody_intro[b-nw0lxvl9sc] {
    margin: 0;
    color: white;
}
[b-nw0lxvl9sc] .notebook_grid {
    width: 100%;
}

.div_notebook_grid[b-nw0lxvl9sc] {
    overflow-x: auto;
    display: flex;
    margin-top: 2rem;
    color: white;
    height: 100%;
    max-height: calc(100% - 160px);
    padding: 0 10px;
}

.notebook_header_right p[b-nw0lxvl9sc] {
    color: #7A7FFF !important;
    font-size: 12px;
    margin: 5px 0 0 0;
}

.notebook_header[b-nw0lxvl9sc] {
    color: white;
    padding: 20px 20px 35px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

    .notebook_header h2[b-nw0lxvl9sc] {
        margin: 0;
    }

    .notebook_header img[b-nw0lxvl9sc] {
        width: 25px;
        height: 25px;
        margin-right: 10px;
    }

.header-switch-container[b-nw0lxvl9sc] {
    position: relative;
}

/* Stack wrapper */
.title-stack[b-nw0lxvl9sc] {
    top: -3px;
    position: relative;
    display: flex;
    flex-direction: column;
}
    .title-stack.swap[b-nw0lxvl9sc] {
        top: -9px;
    }

/* MAIN TITLE */
.main-title[b-nw0lxvl9sc] {
    transition: transform 0.35s ease;
    z-index: 2;
}

/* SUB TITLE (diagonal placement) */
.sub-title[b-nw0lxvl9sc] {
    position: absolute;
    top: 40px;
    left: 40px;
    opacity: 0.4;
    transform: scale(0.9);
    transition: transform 0.35s ease;
    font-size: 20px;
}

    /* TEXT tweak */
    .sub-title p[b-nw0lxvl9sc] {
        margin: 0;
        font-size: 13px;
    }

/* SWAP STATE */
.title-stack.swap .main-title[b-nw0lxvl9sc] {
    transform: translateY(40px) translateX(40px) scale(0.9);
    opacity: 0.4;
}
.title-stack.swap .main-title h2[b-nw0lxvl9sc] {
    font-size: 20px;
}
.main-title h2[b-nw0lxvl9sc] {
    font-size: 31px;
}

.title-stack.swap .sub-title[b-nw0lxvl9sc] {
    transform: translateY(-40px) translateX(-40px) scale(1.05);
    opacity: 1;
}
    .title-stack.swap .sub-title h2[b-nw0lxvl9sc] {
        font-size: 31px;
    }
    .sub-title h2[b-nw0lxvl9sc] {
        font-size: 20px;
    }

/* SWITCH BUTTON */
.switch-btn[b-nw0lxvl9sc] {
    margin-left: 10px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.35s ease;
}
    .switch-btn img[b-nw0lxvl9sc] {
        width: 18px;
        height: 18px;
        opacity: 0.8;
        transition: transform 0.3s ease;
    }

    .switch-btn:hover img[b-nw0lxvl9sc] {
        transform: rotate(180deg) scale(1.1);
    }
.swap_switch-btn[b-nw0lxvl9sc] {
    transform: translateX(110px);
}
/*Language specific positioning*/
.swap_switch-btn_PT[b-nw0lxvl9sc] {
    transform: translateX(30px)!important;
}

[b-nw0lxvl9sc] .add_comment {
    margin: 0;
    width: 15px !important;
    height: 15px !important;
}

.div_new_comment_header[b-nw0lxvl9sc] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

[b-nw0lxvl9sc] .div_comment_toPost {
    padding: 0;
}

[b-nw0lxvl9sc] .comment_post_but {
    min-width: 70px;
}

.new_comment_card[b-nw0lxvl9sc] {
    margin: auto auto 1rem auto;
    width: calc(100% - 10px);
    margin: auto auto 1rem 0;
    box-shadow: none;
    padding: 15px 20px;
    border-radius: 10px;
    background-color: #FBFBFB;
    height: fit-content;
    transition: .2s;
}

[b-nw0lxvl9sc] .div_add_comment_icon {
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.overlay[b-nw0lxvl9sc] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent;
    z-index: 800;
}

.notebook[b-nw0lxvl9sc] {
    position: fixed;
    top: 0;
    right: 0;
    width: 500px;
    height: 100%;
    background-color: #303030;
    box-shadow: -6px 0 15px rgba(0,0,0,0.4);
    transform: translateX(100%);
    opacity: 0;
    transition: transform 0.4s ease, opacity 0.4s ease;
    z-index: 990;
}

    .notebook.show[b-nw0lxvl9sc] {
        transform: translateX(0);
        opacity: 1;
    }

@media screen and (max-width: 900px) {
    .notebook[b-nw0lxvl9sc] {
        width: 100%;
    }
}
.comment_edit_buts[b-nw0lxvl9sc] {
    height: 30px;
    border-radius: 7px;
    margin-right: 10px;
}

[b-nw0lxvl9sc] .comments_text {
    color: #FFFFFF;
}

[b-nw0lxvl9sc] .navAction_newNode {
    background-color: #7A7FFF;
    border-radius: 15px;
    padding: 5px 18px 5px 10px;
    transition: transform .15s;
    margin-right: 2rem;
}
    [b-nw0lxvl9sc] .navAction_newNode .p_navAction_newNode {
        margin: 0;
        color: white !important;
        font-size: 15px !important;
    }

[b-nw0lxvl9sc] .navAction_newNode:hover {
    transform: scale(1.02);
}

.div_btn_add_comment[b-nw0lxvl9sc] {
    width: 45px;
    height: 45px;
    display: flex;
    cursor: pointer;
    right: 6%;
    justify-content: center;
    align-items: center;
    position: relative;
}

[b-nw0lxvl9sc] .comment_card {
    border: 1px solid #ffffff4d;
    border-radius: 10px;
}
    [b-nw0lxvl9sc] .comment_card:hover {
        border-radius: 10px;
        background-color: #ffffff12;
    }
[b-nw0lxvl9sc] .div_tab_buttons_Simple {
    margin-left: 330px;
}

[b-nw0lxvl9sc] .div_comment_img img {
    width: 15px;
}


.edit_comment_card[b-nw0lxvl9sc] {
    width: calc(100% - 10px);
    margin-top: 20px;
    box-shadow: none;
    padding: 15px 20px;
    background-color: #FBFBFB;
    height: fit-content;
    transition: .2s;
    border: 1px solid #ffffff4d;
    border-radius: 10px;
}
.div_edit_comment_card[b-nw0lxvl9sc] {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    margin-top: 20px;
    padding: 0 10px 10px;
}
/* _content/KBAI Editor/Components/ConceptTabSwitcher.razor.rz.scp.css */
[b-qlv74zuwcn] .mobile_quickcreate_menu {
    z-index: -1 !important;
    bottom: 1rem;
    top: -165px !important;
    height: fit-content !important;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
}

[b-qlv74zuwcn] .mobile_quickcreate_menu_left {
    right: calc(100% - 220px) !important;
    max-width: 220px !important;
    left: auto !important;
}

.topMenu_option_icon[b-qlv74zuwcn] {
    width: 13px;
    height: 13px;
    margin-right: 10px;
}

.topMenu_option_text[b-qlv74zuwcn] {
    margin: 0;
    font-size: 14px;
}

#MobileBottomMenu[b-qlv74zuwcn] {
    bottom: 0;
    position: fixed;
    height: 64px;
    display: none;
    z-index: 990;
    width: 100%;
    right: 0;
    left: 0;
    margin: auto;
    padding: 0 8px;
    background-color: #212121;
    box-shadow: 0 -1px 0 rgba(255, 255, 255, 0.08);
}

@media screen and (max-width: 1025px) {
    #MobileBottomMenu[b-qlv74zuwcn] {
        display: flex;
        align-items: center;
        justify-content: space-around;
    }
}

[b-qlv74zuwcn] .div_tab_button {
    height: 48px;
    width: 48px;
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 14px;
    transition: background-color .15s;
    cursor: pointer;
    position: relative;
    margin: 0;
}

    [b-qlv74zuwcn] .div_tab_button:hover {
        background-color: rgba(122, 127, 255, 0.08);
    }

    [b-qlv74zuwcn] .div_tab_button:active {
        background-color: rgba(122, 127, 255, 0.15);
    }

[b-qlv74zuwcn] .tab_button_icon {
    width: 20px;
    height: 20px;
}

.tab_button_active[b-qlv74zuwcn] {
    background-color: rgba(122, 127, 255, 0.22) !important;
}
    .tab_button_active[b-qlv74zuwcn]  .tab_button_icon {
        filter: invert(56%) sepia(60%) saturate(500%) hue-rotate(200deg) brightness(110%) contrast(105%);
    }

[b-qlv74zuwcn] .tab_button_txt_active {
    color: #FFFFFF !important;
}

.tab_buttons[b-qlv74zuwcn] {
    margin: 0;
    padding: 10px 20px;
    font-size: 14px;
    font-weight: 600;
    color: #FFFFFF;
}


.div_pinTab[b-qlv74zuwcn] {
    display: none;
    align-content: center;
    margin-right: 15px;
}

.div_pinTab_Simple[b-qlv74zuwcn] {
    margin-right: 0;
}

.pinTab_icon[b-qlv74zuwcn] {
    width: 15px;
    transition: .3s;
}

    .pinTab_icon:hover[b-qlv74zuwcn] {
        width: 16px !important;
    }

.pinTab_icon_Simple[b-qlv74zuwcn] {
    margin-left: 10px;
}

@media screen and (min-width: 900px) {
    .tab_button_active:hover .div_pinTab[b-qlv74zuwcn] {
        display: flex !important;
    }

    .div_editor_tab_title[b-qlv74zuwcn] {
        align-items: flex-start;
    }
}

.div_tab_button_Simple[b-qlv74zuwcn] {
    padding: 0 10px;
    border-radius: 14px;
}

.div_tab_buttons[b-qlv74zuwcn] {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-around;
    background-color: transparent;
}

[b-qlv74zuwcn] .div_tab_buttons_Simple {
    margin: auto !important;
    display: flex;
    justify-content: space-around;
}

.large-screen_Simple[b-qlv74zuwcn] {
    display: none;
}

@media screen and (max-width: 1200px) {
    .large-screen_Simple[b-qlv74zuwcn] {
        display: contents;
    }

    [b-qlv74zuwcn] .large-screen_Simple .div_tab_button {
        min-width: 90px !important;
        height: 40px !important;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .div_editor_tab_title[b-qlv74zuwcn] {
        width: calc(100% - 220px);
        min-width: 150px;
    }

    .large-screen[b-qlv74zuwcn] {
        display: none;
    }
}

@media (max-width: 900px) {
    .large-screen_Simple[b-qlv74zuwcn] {
        display: none;
    }

    .large-screen[b-qlv74zuwcn] {
        display: none;
    }

    .small-screen[b-qlv74zuwcn] {
        width: 95%;
        display: flex;
        justify-content: space-around;
    }
    [b-qlv74zuwcn] .small-screen .div_tab_button {
        height: 48px;
        width: 48px;
        max-width: 72px;
        justify-content: center;
    }
}
/* _content/KBAI Editor/Components/Conversations.razor.rz.scp.css */
/* Handle Scrollbar */
[b-cywn67jeyp] ::-webkit-scrollbar {
    width: 12px;
}

[b-cywn67jeyp] ::-webkit-scrollbar-track {
    background: transparent;
}

[b-cywn67jeyp] ::-webkit-scrollbar-thumb {
    background: #5a5a5a;
    border-radius: 10px;
    border: 3px solid #303030;
}

    [b-cywn67jeyp] ::-webkit-scrollbar-thumb:hover {
        background: #6a6a6a;
    }

/* Overlay */
.overlay[b-cywn67jeyp] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent;
    z-index: 800;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s ease;
}

    .overlay.show[b-cywn67jeyp] {
        opacity: 1;
        pointer-events: all;
    }


.conversation-info p[b-cywn67jeyp] {
    margin: 0;
    color: #7A7FFF;
    font-size: 12px;
}

/* Body */
.conversations-body[b-cywn67jeyp] {
    flex: 1;
    overflow-y: auto;
    padding: 20px 20px 40px;
    margin-top: 20px;
    display: flex;
    flex-direction: column;
    width: 100%;
    max-height: calc(100% - 173px);
}

/* No Messages State */
.no-messages-state[b-cywn67jeyp] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    padding: 40px 20px;
}

.no-messages-icon[b-cywn67jeyp] {
    color: rgba(255, 255, 255, 0.3);
    margin-bottom: 16px;
}

.no-messages-text[b-cywn67jeyp] {
    color: rgba(255, 255, 255, 0.9);
    font-size: 16px;
    font-weight: 600;
    margin: 0 0 8px 0;
}

.no-messages-subtext[b-cywn67jeyp] {
    color: rgba(255, 255, 255, 0.5);
    font-size: 13px;
    margin: 0;
    text-align: center;
}

/* Messages Container */
.messages-container[b-cywn67jeyp] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

/* Message Wrapper */
.message-wrapper[b-cywn67jeyp] {
    display: flex;
    gap: 12px;
    align-items: flex-start;
}

    .message-wrapper.current-user[b-cywn67jeyp] {
        flex-direction: row-reverse;
    }

/* Avatar */
.message-avatar[b-cywn67jeyp] {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    overflow: hidden;
    flex-shrink: 0;
}

    .message-avatar img[b-cywn67jeyp] {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.avatar-placeholder[b-cywn67jeyp] {
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 12px;
    font-weight: 600;
}

    .avatar-placeholder.current[b-cywn67jeyp] {
        background: linear-gradient(135deg, #7A7FFF 0%, #5a65e8 100%);
    }

/* Message Content */
.message-content[b-cywn67jeyp] {
    /*flex: 1;*/
    max-width: 70%;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.message-wrapper.current-user .message-content[b-cywn67jeyp] {
    align-items: flex-end;
}

.message-header[b-cywn67jeyp] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 0 4px;
}

.message-user[b-cywn67jeyp] {
    color: rgba(255, 255, 255, 0.9);
    font-size: 13px;
    font-weight: 600;
}

.message-time[b-cywn67jeyp] {
    color: rgba(255, 255, 255, 0.5);
    font-size: 11px;
}

/* Message Bubble */
.message-bubble[b-cywn67jeyp] {
    padding: 10px 14px;
    border-radius: 12px;
    position: relative;
    word-wrap: break-word;
}

.other-user-bubble[b-cywn67jeyp] {
    background-color: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-top-left-radius: 4px;
}

.current-user-bubble[b-cywn67jeyp] {
    background-color: #7A7FFF;
    border-top-right-radius: 4px;
}

.message-text[b-cywn67jeyp] {
    color: white;
    font-size: 14px;
    line-height: 1.5;
    margin: 0;
    white-space: pre-wrap;
}

.message-time-inline[b-cywn67jeyp] {
    display: block;
    color: rgba(255, 255, 255, 0.7);
    font-size: 10px;
    margin-top: 4px;
    text-align: right;
}

/* Attachments */
.message-attachments[b-cywn67jeyp] {
    margin-top: 8px;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.attachment-item[b-cywn67jeyp] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 10px;
    background-color: rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    cursor: pointer;
    transition: background-color 0.2s ease;
}

    .attachment-item:hover[b-cywn67jeyp] {
        background-color: rgba(0, 0, 0, 0.3);
    }

    .attachment-item svg[b-cywn67jeyp] {
        color: rgba(255, 255, 255, 0.7);
        flex-shrink: 0;
    }

    .attachment-item span[b-cywn67jeyp] {
        color: white;
        font-size: 12px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

/* Message Actions */
.message-actions[b-cywn67jeyp] {
    display: flex;
    gap: 4px;
    opacity: 0;
    transition: opacity 0.2s ease;
    padding: 0 4px;
}

.message-wrapper:hover .message-actions[b-cywn67jeyp] {
    opacity: 1;
}

.message-action-btn[b-cywn67jeyp] {
    width: 28px;
    height: 28px;
    border-radius: 6px;
    border: none;
    background-color: rgba(255, 255, 255, 0.1);
    color: rgba(255, 255, 255, 0.7);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
}

    .message-action-btn:hover[b-cywn67jeyp] {
        background-color: rgba(255, 255, 255, 0.2);
        color: white;
    }

    .message-action-btn.delete:hover[b-cywn67jeyp] {
        background-color: rgba(239, 68, 68, 0.2);
        color: #ef4444;
    }

/* Input Area */
.conversations-input[b-cywn67jeyp] {
    padding: 16px 20px;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    background-color: #2a2a2a;
    flex-shrink: 0;
    position: absolute;
    bottom: 0;
    width: 100%;
}

.editing-indicator[b-cywn67jeyp] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    background-color: rgba(122, 127, 255, 0.2);
    border-radius: 8px;
    margin-bottom: 12px;
    color: #7A7FFF;
    font-size: 13px;
}

    .editing-indicator svg[b-cywn67jeyp] {
        width: 16px;
        height: 16px;
        flex-shrink: 0;
    }

.cancel-edit-btn[b-cywn67jeyp] {
    margin-left: auto;
    padding: 4px 12px;
    border: none;
    background-color: rgba(255, 255, 255, 0.1);
    color: white;
    border-radius: 4px;
    cursor: pointer;
    font-size: 12px;
    transition: background-color 0.2s ease;
}

    .cancel-edit-btn:hover[b-cywn67jeyp] {
        background-color: rgba(255, 255, 255, 0.2);
    }

.input-wrapper[b-cywn67jeyp] {
    display: flex;
    align-items: flex-end;
    gap: 10px;
    background-color: rgba(255, 255, 255, 0.05);
    border-radius: 12px;
    padding: 8px 12px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: border-color 0.2s ease;
}

    .input-wrapper:focus-within[b-cywn67jeyp] {
        border-color: #7A7FFF;
    }

.attachment-btn[b-cywn67jeyp] {
    width: 36px;
    height: 36px;
    border-radius: 8px;
    border: none;
    background-color: transparent;
    color: rgba(255, 255, 255, 0.6);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
    flex-shrink: 0;
}

    .attachment-btn:hover[b-cywn67jeyp] {
        background-color: rgba(255, 255, 255, 0.1);
        color: white;
    }

.message-input[b-cywn67jeyp] {
    flex: 1;
    background: transparent;
    border: none;
    color: white;
    font-size: 14px;
    line-height: 1.5;
    resize: none;
    outline: none;
    font-family: inherit;
    min-height: 20px;
    max-height: 120px;
    padding: 8px 0;
}

    .message-input[b-cywn67jeyp]::placeholder {
        color: rgba(255, 255, 255, 0.4);
    }

.send-btn[b-cywn67jeyp] {
    width: 36px;
    height: 36px;
    border-radius: 8px;
    border: none;
    background-color: #7A7FFF;
    color: white;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
    flex-shrink: 0;
}

    .send-btn:hover:not(.disabled)[b-cywn67jeyp] {
        background-color: #6a6fe8;
        transform: scale(1.05);
    }

    .send-btn.disabled[b-cywn67jeyp] {
        background-color: rgba(122, 127, 255, 0.3);
        cursor: not-allowed;
    }





.conversations-tabs[b-cywn67jeyp] {
    display: flex;
    gap: 4px;
    padding: 0 20px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    background-color: #2a2a2a;
}

.tab-btn[b-cywn67jeyp] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 12px 16px;
    border: none;
    background: transparent;
    color: rgba(255, 255, 255, 0.6);
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    border-bottom: 2px solid transparent;
    transition: all 0.2s ease;
}

    .tab-btn:hover[b-cywn67jeyp] {
        color: rgba(255, 255, 255, 0.9);
        background-color: rgba(255, 255, 255, 0.05);
    }

    .tab-btn.active[b-cywn67jeyp] {
        color: #7A7FFF;
        border-bottom-color: #7A7FFF;
    }

    .tab-btn svg[b-cywn67jeyp] {
        flex-shrink: 0;
    }

/* Pending Attachments Area */
.pending-attachments-area[b-cywn67jeyp] {
    margin-bottom: 12px;
    background-color: rgba(255, 255, 255, 0.03);
    border-radius: 12px;
    padding: 12px;
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.pending-attachments-header[b-cywn67jeyp] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
}

.pending-count[b-cywn67jeyp] {
    color: rgba(255, 255, 255, 0.7);
    font-size: 13px;
    font-weight: 500;
}

.clear-all-btn[b-cywn67jeyp] {
    padding: 4px 10px;
    border: none;
    background-color: rgba(239, 68, 68, 0.2);
    color: #ef4444;
    border-radius: 6px;
    cursor: pointer;
    font-size: 12px;
    transition: background-color 0.2s ease;
}

    .clear-all-btn:hover[b-cywn67jeyp] {
        background-color: rgba(239, 68, 68, 0.3);
    }

.pending-attachments-grid[b-cywn67jeyp] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
    gap: 8px;
}

.pending-attachment-card[b-cywn67jeyp] {
    position: relative;
    background-color: rgba(255, 255, 255, 0.05);
    border-radius: 8px;
    padding: 8px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.remove-attachment-btn[b-cywn67jeyp] {
    position: absolute;
    top: 4px;
    right: 4px;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    border: none;
    background-color: rgba(239, 68, 68, 0.9);
    color: white;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: opacity 0.2s ease;
    z-index: 10;
}

.pending-attachment-card:hover .remove-attachment-btn[b-cywn67jeyp] {
    opacity: 1;
}

.attachment-preview[b-cywn67jeyp] {
    width: 100%;
    height: 80px;
    border-radius: 6px;
    overflow: hidden;
    background-color: rgba(0, 0, 0, 0.2);
}

    .attachment-preview img[b-cywn67jeyp] {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.attachment-icon[b-cywn67jeyp] {
    width: 100%;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(122, 127, 255, 0.1);
    border-radius: 6px;
    color: #7A7FFF;
}

.attachment-info[b-cywn67jeyp] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.attachment-name[b-cywn67jeyp] {
    color: white;
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.attachment-size[b-cywn67jeyp] {
    color: rgba(255, 255, 255, 0.5);
    font-size: 10px;
}

/* Attachments Manager */
.attachments-manager[b-cywn67jeyp] {
    height: 100%;
    overflow-y: auto;
}

.attachments-list[b-cywn67jeyp] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.attachment-list-item[b-cywn67jeyp] {
    display: flex;
    gap: 12px;
    padding: 12px;
    background-color: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 10px;
    transition: all 0.2s ease;
}

    .attachment-list-item:hover[b-cywn67jeyp] {
        background-color: rgba(255, 255, 255, 0.08);
        border-color: rgba(122, 127, 255, 0.3);
    }

.attachment-list-preview[b-cywn67jeyp] {
    width: 60px;
    height: 60px;
    border-radius: 8px;
    overflow: hidden;
    background-color: rgba(122, 127, 255, 0.1);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    color: #7A7FFF;
}

    .attachment-list-preview img[b-cywn67jeyp] {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.attachment-list-info[b-cywn67jeyp] {
    flex: 1;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    min-width: 0;
}

.attachment-list-details[b-cywn67jeyp] {
    flex: 1;
    min-width: 0;
}

.attachment-list-name[b-cywn67jeyp] {
    display: block;
    color: white;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 4px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.attachment-list-meta[b-cywn67jeyp] {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
}

.attachment-meta-item[b-cywn67jeyp] {
    color: rgba(255, 255, 255, 0.5);
    font-size: 12px;
}

.attachment-meta-separator[b-cywn67jeyp] {
    color: rgba(255, 255, 255, 0.3);
    font-size: 12px;
}

.attachment-list-actions[b-cywn67jeyp] {
    display: flex;
    gap: 4px;
}

.attachment-list-action-btn[b-cywn67jeyp] {
    width: 32px;
    height: 32px;
    border-radius: 6px;
    border: none;
    background-color: rgba(255, 255, 255, 0.1);
    color: rgba(255, 255, 255, 0.7);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
}

    .attachment-list-action-btn:hover[b-cywn67jeyp] {
        background-color: rgba(255, 255, 255, 0.2);
        color: white;
    }

    .attachment-list-action-btn.download:hover[b-cywn67jeyp] {
        background-color: rgba(122, 127, 255, 0.2);
        color: #7A7FFF;
    }
/* _content/KBAI Editor/Components/Dashboard.razor.rz.scp.css */

.dashboard_body[b-kq4yrhknq3] {
    width: 92%;
    max-width: 1100px;
    margin: 0 auto;
    padding: 1.5rem 0 6rem;
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

.dashboard_section[b-kq4yrhknq3] {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.dashboard_section_header[b-kq4yrhknq3] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 12px;
}

.dashboard_section_title_group[b-kq4yrhknq3] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.dashboard_section_icon[b-kq4yrhknq3] {
    width: 16px;
    height: 16px;
    flex-shrink: 0;
}

.dashboard_section_title[b-kq4yrhknq3] {
    font-size: 16px;
    font-weight: 600;
    margin: 0;
    color: #212121;
}

.dashboard_section_badge[b-kq4yrhknq3] {
    background-color: #EEEDFE;
    color: #534AB7;
    border: 1px solid #D9DAFF;
    border-radius: 20px;
    font-size: 11px;
    font-weight: 500;
    padding: 1px 8px;
    line-height: 18px;
}

[b-kq4yrhknq3] .dashboard_type_filter {
    width: 160px !important;
    min-width: 120px !important;
    max-width: 200px !important;
}

    [b-kq4yrhknq3] .dashboard_type_filter::part(control) {
        height: 32px !important;
        font-size: 12px !important;
        border-radius: 8px !important;
    }

.dashboard_node_list[b-kq4yrhknq3] {
    display: flex;
    flex-direction: column;
    gap: 1px;
    border: 1px solid #EBEBEB;
    border-radius: 12px;
    overflow: hidden;
    background-color: #EBEBEB;
}

.dashboard_node_card[b-kq4yrhknq3] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 10px 14px;
    background-color: #FFFFFF;
    transition: background-color .12s;
    min-height: 52px;
}

    .dashboard_node_card:first-child[b-kq4yrhknq3] {
        border-radius: 12px 12px 0 0;
    }

    .dashboard_node_card:last-child[b-kq4yrhknq3] {
        border-radius: 0 0 12px 12px;
    }

    .dashboard_node_card:only-child[b-kq4yrhknq3] {
        border-radius: 12px;
    }

    .dashboard_node_card:hover[b-kq4yrhknq3] {
        background-color: #FAFAFA;
    }

.dashboard_node_card_left[b-kq4yrhknq3] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex: 1;
    min-width: 0;
}

.dashboard_node_icon_wrap[b-kq4yrhknq3] {
    width: 32px;
    height: 32px;
    border-radius: 8px;
    background-color: #F3F3FF;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

[b-kq4yrhknq3] .dashboard_node_type_icon {
    width: 14px;
    height: 14px;
}

.dashboard_node_info[b-kq4yrhknq3] {
    display: flex;
    flex-direction: column;
    gap: 3px;
    min-width: 0;
}

.dashboard_node_ref[b-kq4yrhknq3] {
    font-size: 14px;
    font-weight: 500;
    color: #212121;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
}

.dashboard_node_type_badge[b-kq4yrhknq3] {
    display: inline-block;
    background-color: #F5F5F5;
    border: 1px solid #E8E8E8;
    border-radius: 4px;
    padding: 1px 6px;
    font-size: 11px;
    color: #6B6B6B;
    white-space: nowrap;
    width: fit-content;
}

.dashboard_node_actions[b-kq4yrhknq3] {
    display: flex;
    align-items: center;
    gap: 2px;
    flex-shrink: 0;
}

.dashboard_action_btn[b-kq4yrhknq3] {
    width: 30px;
    height: 30px;
    border-radius: 7px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background-color .12s;
    flex-shrink: 0;
}

    .dashboard_action_btn:hover[b-kq4yrhknq3] {
        background-color: #F0F0F0;
    }

    .dashboard_action_btn:active[b-kq4yrhknq3] {
        background-color: #E8E8E8;
    }

.dashboard_action_btn_active[b-kq4yrhknq3] {
    background-color: #EEEDFE;
}

    .dashboard_action_btn_active:hover[b-kq4yrhknq3] {
        background-color: #E0DFFF;
    }

.dashboard_action_btn_disabled[b-kq4yrhknq3] {
    cursor: default;
    opacity: 0.45;
}

    .dashboard_action_btn_disabled:hover[b-kq4yrhknq3] {
        background-color: transparent;
    }

.dashboard_action_btn_danger:hover[b-kq4yrhknq3] {
    background-color: #FFF0F0;
}

.dashboard_action_icon[b-kq4yrhknq3] {
    width: 14px;
    height: 14px;
}

[b-kq4yrhknq3] .loadingWARing {
    width: 18px;
    height: 18px;
}

.dashboard_loading[b-kq4yrhknq3] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100px;
    border: 1px solid #EBEBEB;
    border-radius: 12px;
    background-color: #FAFAFA;
}

.dashboard_empty[b-kq4yrhknq3] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 2.5rem 1rem;
    border: 1px dashed #DCDCDC;
    border-radius: 12px;
    background-color: #FAFAFA;
}

.dashboard_empty_icon[b-kq4yrhknq3] {
    width: 28px;
    height: 28px;
    opacity: 0.4;
}

.dashboard_empty_text[b-kq4yrhknq3] {
    font-size: 13px;
    color: #9E9E9E;
    margin: 0;
}

@media screen and (max-width: 900px) {
    .dashboard_body[b-kq4yrhknq3] {
        width: 96%;
        padding: 1rem 0 8rem;
    }

    .dashboard_node_ref[b-kq4yrhknq3] {
        font-size: 13px;
    }

    /* Hide link and delete on very narrow screens to keep the action row tidy.
       Users can still reach them by opening the node. */
    .dashboard_node_actions .dashboard_action_btn_disabled[b-kq4yrhknq3] {
        display: none;
    }
}

@media screen and (max-width: 500px) {
    .dashboard_node_card[b-kq4yrhknq3] {
        padding: 10px 10px;
        gap: 8px;
    }

    .dashboard_node_icon_wrap[b-kq4yrhknq3] {
        width: 28px;
        height: 28px;
    }

    .dashboard_action_btn[b-kq4yrhknq3] {
        width: 28px;
        height: 28px;
    }

    .dashboard_section_title[b-kq4yrhknq3] {
        font-size: 15px;
    }

    [b-kq4yrhknq3] .dashboard_type_filter {
        width: 130px !important;
        min-width: 100px !important;
    }
}
/* _content/KBAI Editor/Components/HeaderMenu.razor.rz.scp.css */
/* ================= NAVBAR ================= */

.top_navbar_div[b-6d1ijrcp8g] {
    height: 48px;
    width: 100%;
    position: absolute;
    z-index: 100;
    background-color: #242424;
}

.top_navbar[b-6d1ijrcp8g] {
    display: flex;
    align-items: center;
    height: 100%;
}

.div_nav_left[b-6d1ijrcp8g] {
    display: flex;
    align-items: center;
    margin: auto 0 auto 5px;
}

.div_nav_right[b-6d1ijrcp8g] {
    display: flex;
    align-items: center;
    margin: auto 10px auto auto;
    position: relative;
}


[b-6d1ijrcp8g] .div_ToolkitLogo {
    margin-right: 8px;
    padding: 0 10px;
    height: 30px;
    display: flex;
    justify-content: center;
    cursor: pointer;
    border-radius: 5px;
    transition: .2s;
    width: fit-content;
    background-color: transparent !important;
}

.ToolkitLogo[b-6d1ijrcp8g], .ToolkitLogo_Simple[b-6d1ijrcp8g] {
    width: auto;
    height: 25px;
    margin: auto;
}

.ToolkitLogo_Simple[b-6d1ijrcp8g] {
    display: none;
}

@media (max-width: 900px) {
    [b-6d1ijrcp8g] .div_nav_mainActionButton {
        display: none !important;
    }
}

@media (max-width: 456px) {
    .ToolkitLogo[b-6d1ijrcp8g] {
        display: none !important;
    }

    .ToolkitLogo_Simple[b-6d1ijrcp8g] {
        display: flex !important;
    }
}

[b-6d1ijrcp8g] .div_nav_mainActionButton {
    margin-right: 1rem;
    height: 30px;
    display: flex;
    justify-content: center;
    cursor: pointer;
    color: white;
    background-color: #7A7FFF;
    border-radius: 15px;
    padding: 5px 18px 5px 10px;
    transition: transform .15s;
    width: fit-content;
}

    [b-6d1ijrcp8g] .div_nav_mainActionButton p {
        color: white;
    }

#div_NavNewNode:hover[b-6d1ijrcp8g] {
    transform: scale(1.02);
}

.div_nav_searchButton[b-6d1ijrcp8g] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    margin-right: 12px;
    border-radius: 100%;
    transition: background-color .15s ease, transform .15s ease;
}

    .div_nav_searchButton:hover[b-6d1ijrcp8g] {
        background-color: rgba(255,255,255,0.1);
        transform: scale(1.06);
    }

.nav_searchButton_icon[b-6d1ijrcp8g] {
    width: 16px;
    height: 16px;
}



.nav_icon[b-6d1ijrcp8g] {
    width: 18px;
}

.arrow_expand[b-6d1ijrcp8g] {
    transition: .2s;
}


[b-6d1ijrcp8g] .userKB_opt {
    width: auto !important;
}

[b-6d1ijrcp8g] .div_userKB_opt {
    font-size: 14px;
    color: #242424;
}

#userKB_KBList[b-6d1ijrcp8g] {
    width: 100%;
    max-height: calc(100vh - 150px);
    overflow: scroll;
}

    #userKB_KBList[b-6d1ijrcp8g]::-webkit-scrollbar {
        height: 0;
        width: 8px;
    }

    #userKB_KBList[b-6d1ijrcp8g]::-webkit-scrollbar-thumb {
        background: #C7C7C7;
        border-radius: 10px;
        border: white;
    }

        #userKB_KBList[b-6d1ijrcp8g]::-webkit-scrollbar-thumb:hover {
            background: #B2B2B2;
        }

[b-6d1ijrcp8g] .userKB_menuHeader {
    display: flex;
    align-items: center;
    padding: 10px 40px 0 10px;
}

    [b-6d1ijrcp8g] .userKB_menuHeader .userKB_opt {
        font-weight: 500;
    }

[b-6d1ijrcp8g] .userKB_opt {
    width: auto !important;
}

[b-6d1ijrcp8g] .div_userKB_opt {
    font-size: 14px;
    color: #242424;
}

#userKB_KBList[b-6d1ijrcp8g] {
    width: 100%;
    max-height: calc(100vh - 150px);
    overflow: scroll;
}

    #userKB_KBList[b-6d1ijrcp8g]::-webkit-scrollbar-thumb {
        background: #C7C7C7;
        border-radius: 10px;
        border: white;
    }

    #userKB_KBList[b-6d1ijrcp8g]::-webkit-scrollbar {
        height: 0;
        width: 8px;
    }

    #userKB_KBList[b-6d1ijrcp8g]::-webkit-scrollbar-thumb:hover {
        background: #B2B2B2;
    }

[b-6d1ijrcp8g] .userKB_menu {
    left: 145px !important;
    top: 40px !important;
}

[b-6d1ijrcp8g] .userKB_menuHeader {
    display: flex;
    align-items: center;
    padding: 10px 40px 0 10px;
}

    [b-6d1ijrcp8g] .userKB_menuHeader .userKB_opt {
        font-weight: 500;
    }

@media (max-width: 600px) {
    [b-6d1ijrcp8g] .userKB_menu {
        top: 50px !important;
        width: 50vw;
        max-width: 250px;
        min-width: 250px;
        position: fixed;
        left: calc(50vw - 125px) !important;
    }
}
/* ================= NAVIGATION HISTORY DROPDOWN ================= */

.breadcrumb_p[b-6d1ijrcp8g] {
    color: white;
    font-size: 13px;
}

.p_actual_breadcrumb[b-6d1ijrcp8g] {
    margin: 0 3px;
    font-weight: 700;
    display: -webkit-box !important;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    word-break: break-all;
}

.navhist_wrapper[b-6d1ijrcp8g] {
    position: relative;
    margin-left: 10px;
    padding-left: 1rem;
    border-left: 1px solid rgba(255,255,255,0.25);
}

.navhist_trigger[b-6d1ijrcp8g] {
    display: flex;
    align-items: center;
    gap: 7px;
    cursor: pointer;
    padding: 4px 8px;
    border-radius: 6px;
    transition: background 0.15s;
    max-width: 260px;
    user-select: none;
}

    .navhist_trigger:hover[b-6d1ijrcp8g],
    .navhist_trigger_open[b-6d1ijrcp8g] {
        background: rgba(255,255,255,0.08);
    }

.navhist_trigger_icon[b-6d1ijrcp8g] {
    width: 13px;
    height: 13px;
    flex-shrink: 0;
    opacity: 0.7;
}

@media (max-width: 760px) {
    .navhist_trigger_label[b-6d1ijrcp8g] {
        display: none !important;
    }
}

.navhist_trigger_label[b-6d1ijrcp8g] {
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 180px;
}

.navhist_badge[b-6d1ijrcp8g] {
    background: rgba(122,127,255,0.85);
    color: #fff;
    font-size: 10px;
    font-weight: 600;
    min-width: 17px;
    height: 17px;
    border-radius: 9px;
    padding: 0 4px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.navhist_chevron[b-6d1ijrcp8g] {
    color: rgba(255,255,255,0.5);
    flex-shrink: 0;
    transition: transform 0.2s ease;
}

.navhist_chevron_open[b-6d1ijrcp8g] {
    transform: rotate(180deg);
}

.navhist_backdrop[b-6d1ijrcp8g] {
    position: fixed;
    inset: 0;
    z-index: 998;
}

.navhist_dropdown[b-6d1ijrcp8g] {
    position: absolute;
    top: calc(100% + 10px);
    left: 0;
    min-width: 280px;
    max-width: 340px;
    background: #1e1e1e;
    border-radius: 10px;
    box-shadow: 0 8px 24px rgba(0,0,0,0.4);
    border: 0.5px solid rgba(255,255,255,0.1);
    z-index: 999;
    overflow: hidden;
    animation: navhistIn-b-6d1ijrcp8g 0.15s ease;
}

@media (max-width: 600px) {
    .navhist_dropdown[b-6d1ijrcp8g] {
        top: 50px;
        width: 50vw;
        max-width: 250px;
        min-width: 250px;
        position: fixed;
        left: calc(50vw - 125px);
    }
}

@keyframes navhistIn-b-6d1ijrcp8g {
    from {
        opacity: 0;
        transform: translateY(-6px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.navhist_dropdown_header[b-6d1ijrcp8g] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 14px 8px;
    border-bottom: 0.5px solid rgba(255,255,255,0.07);
}

.navhist_dropdown_title[b-6d1ijrcp8g] {
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 0.07em;
    text-transform: uppercase;
    color: rgba(255,255,255,0.35);
}

.navhist_clear[b-6d1ijrcp8g] {
    font-size: 11px;
    color: #E24B4A;
    opacity: 0.8;
    transition: opacity 0.15s;
}

    .navhist_clear:hover[b-6d1ijrcp8g] {
        opacity: 1;
    }

/* ── History list ── */
.navhist_list[b-6d1ijrcp8g] {
    padding: 8px 0 10px;
    max-height: 320px;
    overflow-y: auto;
}

    .navhist_list[b-6d1ijrcp8g]::-webkit-scrollbar {
        width: 4px;
    }

    .navhist_list[b-6d1ijrcp8g]::-webkit-scrollbar-thumb {
        background: #444;
        border-radius: 4px;
    }

.navhist_item[b-6d1ijrcp8g] {
    display: flex;
    align-items: center;
    gap: 0;
    padding: 4px 14px 4px 10px;
    cursor: pointer;
    transition: background 0.12s;
}

    .navhist_item:hover[b-6d1ijrcp8g] {
        background: rgba(255,255,255,0.05);
    }

.navhist_item_current[b-6d1ijrcp8g] {
    cursor: default;
}

/* Left timeline column */
.navhist_item_left[b-6d1ijrcp8g] {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 20px;
    flex-shrink: 0;
    padding-top: 3px;
}

.navhist_item_dot[b-6d1ijrcp8g] {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: rgba(255,255,255,0.2);
    flex-shrink: 0;
}

.navhist_item_dot_current[b-6d1ijrcp8g] {
    background: #7A7FFF;
    box-shadow: 0 0 0 3px rgba(122,127,255,0.2);
}

.navhist_item_line[b-6d1ijrcp8g] {
    width: 1px;
    flex: 1;
    min-height: 14px;
    background: rgba(255,255,255,0.08);
    margin-top: 3px;
}

/* Right content column */
.navhist_item_body[b-6d1ijrcp8g] {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 2px 0 0 8px;
    min-width: 0;
}

.navhist_item_label[b-6d1ijrcp8g] {
    font-size: 13px;
    color: rgba(255,255,255,0.55);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.navhist_item_label_current[b-6d1ijrcp8g] {
    color: #fff;
    font-weight: 500;
}

/* Refresh action on current item */
.navhist_item_actions[b-6d1ijrcp8g] {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    margin-left: 8px;
}

.navhist_refresh[b-6d1ijrcp8g] {
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    transition: background 0.12s;
}

    .navhist_refresh:hover[b-6d1ijrcp8g] {
        background: rgba(255,255,255,0.1);
    }

.navhist_refresh_icon[b-6d1ijrcp8g] {
    width: 11px;
    height: 11px;
    opacity: 0.6;
}

.navhist_refresh:hover .navhist_refresh_icon[b-6d1ijrcp8g] {
    opacity: 1;
}



/* ================= MENU OPTIONS ================= */

.div_topMenu_dark_option[b-6d1ijrcp8g] {
    display: flex;
    cursor: pointer;
    align-items: center;
    margin: 5px 0 5px;
    padding: 5px;
    border-radius: 5px;
    text-decoration: none;
    color: white;
}

    .div_topMenu_dark_option:hover[b-6d1ijrcp8g] {
        background-color: #2A2B2F;
    }

.topMenu_option_icon[b-6d1ijrcp8g] {
    width: 13px;
    height: 13px;
    margin-right: 10px;
}

.topMenu_option_text[b-6d1ijrcp8g] {
    margin: 0;
    font-size: 14px;
}

/* ================= QUICK THOUGHT POPUP ================= */

.quickthought_popup[b-6d1ijrcp8g] {
    width: 0px;
    height: 0px;
    max-width: 85vw;
    max-height: 90vh;
    background-color: #212121;
    border-radius: 20px;
    z-index: 99;
    box-shadow: 0 3px 5px rgba(0,0,0,0.2);
    opacity: 0;
    pointer-events: none;
    transition: height 0.1s ease, width 0.1s ease, opacity 0.1s ease, display 0.2s;
}

    .quickthought_popup.show[b-6d1ijrcp8g] {
        opacity: 1;
        pointer-events: auto;
        height: 500px;
        width: 700px;
    }

.quickthought_popup-header[b-6d1ijrcp8g] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 20px;
}

.quickthought_popup-title[b-6d1ijrcp8g] {
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    background-color: #212121;
    border: none;
}

.quickthought_popup-body[b-6d1ijrcp8g] {
    flex: 1;
    padding: 10px 20px;
    height: calc(100% - 140px);
}

.quickthought_popup-footer[b-6d1ijrcp8g] {
    display: flex;
    justify-content: flex-end;
    padding: 15px 20px;
}

.quickthought_popup-body textarea[b-6d1ijrcp8g] {
    width: 100%;
    height: 100%;
    background-color: #303030;
    border: none;
    border-radius: 20px;
    padding: 15px;
    font-size: 16px;
    color: #fff;
    resize: none;
    outline: none;
}

/* ================= POPUP BUTTONS ================= */
.save-button[b-6d1ijrcp8g] {
    background-color: #7A7FFF;
    color: #fff;
    border: none;
    border-radius: 10px;
    padding: 10px 20px;
    font-size: 16px;
    cursor: pointer;
    transition: background-color 0.2s ease;
}

    .save-button:hover[b-6d1ijrcp8g] {
        background-color: #6969e0;
    }

/* ================= MISC ================= */

.WA_more_divider[b-6d1ijrcp8g] {
    width: 95%;
    border: solid;
    border-width: 0.01em;
    border-color: #e9e9e9;
    margin: 8px 0 8px 4px;
}

.header-actions[b-6d1ijrcp8g] {
    display: flex;
    gap: 10px;
}

.icon-button[b-6d1ijrcp8g] {
    background: none;
    border: none;
    color: #fff;
    font-size: 18px;
    width: 30px;
    height: 30px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 7px;
}
/* _content/KBAI Editor/Components/NodeEditUI.razor.rz.scp.css */

.nodeEditArea[b-7ec5squ4fk] {
    padding-top: 5rem;
    padding-bottom: 5rem;
}

@media (max-width: 900px) {
    .nodeEditArea[b-7ec5squ4fk] {
        padding: 6rem 1rem 20vh 2rem;
    }

    .div_other_contexts[b-7ec5squ4fk] {
        margin-bottom: 0rem;
    }
}

.tinyMCE_loading[b-7ec5squ4fk] {
    position: absolute;
    background-color: #00000012;
    width: 100%;
    height: 100%;
    border-radius: 10px;
    bottom: 0;
    left: auto;
    right: auto;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

#div_openNode_description[b-7ec5squ4fk], #div_openNode_ctxDescription[b-7ec5squ4fk] {
    position: relative;
}

#ButtonSaveLoading_ring[b-7ec5squ4fk] {
    width: 30px;
    height: 30px;
    max-height: 30px;
}

[b-7ec5squ4fk] .div_Relations_tab {
    margin-top: 0 !important;
}

[b-7ec5squ4fk] .openNode_subtitle_div .ConceptHeaderActionButton {
    height: 25px;
    padding: 5px 15px !important;
    background-color: #9094ff !important;
}

[b-7ec5squ4fk] #RelationsAction_more, [b-7ec5squ4fk] #ContextAction_more, [b-7ec5squ4fk] #PropertiesAction_more, [b-7ec5squ4fk] #PropertiesAction_add, [b-7ec5squ4fk] #ContextAction_add {
    top: 30px !important;
}

[b-7ec5squ4fk] .div_editingNode_OtherContexts, .div_filesSection[b-7ec5squ4fk], #div_ContextProperties[b-7ec5squ4fk], .div_editingNode_properties[b-7ec5squ4fk] {
    padding: 50px 0 0 0;
    margin: auto auto 2rem;
    width: calc(100% - 80px);
}

.div_conceptDescriptionArea[b-7ec5squ4fk], .div_contextDescriptionArea[b-7ec5squ4fk], [b-7ec5squ4fk] .div_Relations_tab {
    margin: auto auto 2rem;
    width: calc(100% - 80px);
}

#div_ContextProperties[b-7ec5squ4fk] {
    border: none;
    margin-bottom: 1rem;
}

[b-7ec5squ4fk] .div_editingNode_tab {
    padding: 50px 0 0 0;
    margin: auto auto 2rem;
}

@media screen and (max-width: 900px) {
    [b-7ec5squ4fk] .div_editingNode_tab {
        margin: auto auto 12rem;
    }

    [b-7ec5squ4fk] .div_editingNode_OtherContexts, .div_filesSection[b-7ec5squ4fk], #div_ContextProperties[b-7ec5squ4fk], .div_conceptDescriptionArea[b-7ec5squ4fk], .div_contextDescriptionArea[b-7ec5squ4fk], .div_editingNode_properties[b-7ec5squ4fk], [b-7ec5squ4fk] .div_Relations_tab {
        width: 100%;
    }
}

.div_RelationsSection[b-7ec5squ4fk] {
    width: 100%;
}

    .div_RelationsSection .openNode_subtitle_div[b-7ec5squ4fk] {
        padding-top: 50px;
    }

.openSideBar_icon[b-7ec5squ4fk] {
    width: 10px;
    transform: rotate(180deg);
}

[b-7ec5squ4fk] ::-webkit-scrollbar-thumb {
    background: #C7C7C7;
    border-radius: 10px;
    border: 8px white solid;
}

[b-7ec5squ4fk] > .blazor-context-menu--default {
    position: absolute;
}

[b-7ec5squ4fk] .node_actions_menu {
    top: 65px !important;
    left: auto !important;
    right: 0 !important;
}

[b-7ec5squ4fk] .node_add_actions_menu {
    top: 30px !important;
}

[b-7ec5squ4fk] .node_actions_menu > ul > li:last-child {
    margin-bottom: 0 !important;
}

[b-7ec5squ4fk] .node_header_actions_menu {
    z-index: 100;
    width: fit-content;
    min-width: 180px;
    height: fit-content;
    border-radius: 10px;
    top: 65px !important;
    left: auto !important;
    right: 0 !important;
    max-height: calc(100vh - 200px);
    overflow-y: scroll;
}

    [b-7ec5squ4fk] .node_header_actions_menu > ul > li:last-child {
        margin-bottom: 0 !important;
    }

    [b-7ec5squ4fk] .node_header_actions_menu::-webkit-scrollbar-thumb {
        background: #C7C7C7 !important;
        border: none !important;
    }

    [b-7ec5squ4fk] .node_header_actions_menu::-webkit-scrollbar {
        height: 0;
        width: 8px;
    }


#combobox-with-both-autocomplete .listbox[b-7ec5squ4fk] {
    max-height: 400px !important;
}

.description_lenght[b-7ec5squ4fk] {
    font-size: 9px;
}

.div_properties[b-7ec5squ4fk] {
    width: 50%;
    border-style: solid;
    border-color: #F5F5F5;
    border-width: 0 1px 0 0;
    padding: 22px 10px 0 0 !important;
}

.div_otherproperties[b-7ec5squ4fk] {
    width: 50%;
    padding: 22px 0 0 10px !important;
}

@media (max-width: 900px) {
    .div_properties[b-7ec5squ4fk] {
        width: 100%;
    }

    .div_otherproperties[b-7ec5squ4fk] {
        width: 100%;
    }
}

.div_openNode_properties[b-7ec5squ4fk] {
    width: 100%;
    position: relative;
}

.div_refEditor_icon[b-7ec5squ4fk] {
    height: 100%;
    margin: 0 0 0px 10px;
    align-items: flex-end;
    padding-bottom: 3px;
    transition: .2s;
    display: none;
}

/* ── Inline reference editor ──────────────────────────────── */
.refEditor_inline_wrap[b-7ec5squ4fk] {
    display: flex;
    align-items: center;
    gap: 6px;
    flex: 1;
    min-width: 0;
    background: #fff;
    border-radius: 9px;
    border: 1.5px solid #a5a8ff;
    padding: 2px 6px 2px 10px;
    transition: border-color 0.15s, box-shadow 0.15s;
}

.refEditor_inline_input[b-7ec5squ4fk] {
    flex: 1;
    min-width: 0;
    border: none;
    outline: none;
    background: transparent;
    font-size: 20px;
    font-weight: 700;
    color: #212121;
    line-height: 1.3;
    padding: 2px 0;
    width: 100%;
}

    .refEditor_inline_input[b-7ec5squ4fk]::placeholder {
        color: #b0b4ff;
        font-weight: 400;
    }

.refEditor_confirm_btn[b-7ec5squ4fk],
.refEditor_cancel_btn[b-7ec5squ4fk] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border-radius: 7px;
    flex-shrink: 0;
    transition: background 0.15s, color 0.15s, transform 0.1s;
}

.refEditor_confirm_btn[b-7ec5squ4fk] {
    color: #fff;
    background: linear-gradient(135deg, #7a7fff 0%, #9094ff 100%);
}

    .refEditor_confirm_btn:hover[b-7ec5squ4fk] {
        box-shadow: 0 0 8px 2px rgba(122, 127, 255, 0.4);
        transform: scale(1.05);
    }

.refEditor_cancel_btn[b-7ec5squ4fk] {
    color: #7a7fff;
    background: #eeeeff;
}

    .refEditor_cancel_btn:hover[b-7ec5squ4fk] {
        background: #dddeff;
        transform: scale(1.05);
    }

[b-7ec5squ4fk] .expand_NodeHeaderSection {
    width: fit-content !important;
    max-width: calc(100% - 50px) !important;
}

[b-7ec5squ4fk] .relationTypeCombobox::part(listbox) {
    max-height: 200px !important;
}

@media screen and (max-width: 900px) {
    .type_lable[b-7ec5squ4fk] {
        font-size: 11px !important;
        margin: 0 !important;
    }
}

.div_AllNewNodeProperties[b-7ec5squ4fk] {
    display: flex;
    width: calc(100% - 80px);
    padding: 22px 0 0 10px !important;
    margin: 1rem auto 0 auto;
}

@media screen and (max-width: 1500px) {
    .div_AllNewNodeProperties[b-7ec5squ4fk] {
        width: calc(100% - 80px);
        padding: 22px 0 0 10px !important;
    }
}

@media screen and (max-width: 1200px) {
    .div_AllNewNodeProperties[b-7ec5squ4fk] {
        flex-direction: column;
    }

    .div_newNodePropsContainer[b-7ec5squ4fk] {
        width: 100% !important;
        max-width: 100% !important;
    }
}

.div_newNodePropsContainer[b-7ec5squ4fk] {
    width: 100% !important;
    max-width: 50%;
}

@media screen and (max-width: 900px) {
    .div_newNodePropsContainer[b-7ec5squ4fk] {
        max-width: 100%;
    }
}

.QuickRelation[b-7ec5squ4fk] {
    display: flex;
    align-items: center;
    width: 100%;
}

.div_quickRelationsList[b-7ec5squ4fk] {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.QuickRelation_OrientationSelected[b-7ec5squ4fk] {
    align-items: flex-start !important;
    height: 115px !important;
}

.div_quickRelation[b-7ec5squ4fk] {
    transition: .2s;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1rem;
    width: calc(100% - 40px);
    height: 60px;
    border-radius: 10px;
    background-color: #f1f1f1;
}

.div_quickRelation_Add[b-7ec5squ4fk] {
    /*width: 30px;*/
    padding: 5px;
    height: 30px;
    display: flex;
    margin: 0 0 0 auto;
    cursor: pointer;
}

    .div_quickRelation_Add p[b-7ec5squ4fk] {
        font-size: 14px;
        margin: 0 10px 0 0;
        user-select: none;
        color: #7A7FFF;
    }

.quickRelation_Add[b-7ec5squ4fk], .quickRelation_Remove[b-7ec5squ4fk] {
    width: 20px;
}

.div_quickRelation_Selected[b-7ec5squ4fk] {
    height: 115px !important;
    justify-content: flex-start !important;
}

.div_quickRelation_Remove[b-7ec5squ4fk] {
    width: 30px;
    padding: 5px;
    height: 30px;
    display: flex;
    margin: 0 0 1rem auto;
    cursor: pointer;
}

.div_quickOrientations[b-7ec5squ4fk] {
    width: calc(100% - 40px);
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.div_quickOrientations_Selected[b-7ec5squ4fk] {
    width: 20px !important;
    height: 115px !important;
}

.div_quickOrientation_Selected[b-7ec5squ4fk] {
    width: 12px !important;
    border-radius: 10px 0 0 10px !important;
    height: 100% !important;
}

    .div_quickOrientation_Selected p[b-7ec5squ4fk] {
        display: none;
    }

.div_quickOrientation[b-7ec5squ4fk] {
    width: 49%;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .1s;
    border-radius: 10px;
}

    .div_quickOrientation p[b-7ec5squ4fk] {
        font-size: 14px;
        color: white;
        margin: 0;
    }

.div_quickOrientation_dep[b-7ec5squ4fk] {
    background-color: #50A1BCbd;
    cursor: pointer;
}

.div_quickOrientation_inf[b-7ec5squ4fk] {
    background-color: #E38539bd;
    cursor: pointer;
}

.div_quickRelation_Remove_dis[b-7ec5squ4fk] {
    cursor: default;
}

    .div_quickRelation_Remove_dis img[b-7ec5squ4fk] {
        filter: invert(100%) sepia(78%) saturate(1585%) hue-rotate(180deg) brightness(103%) contrast(103%);
    }

[b-7ec5squ4fk] .ParentContextAutocomplete {
    margin-bottom: 2px;
}

@media screen and (max-width: 1100px) {
    [b-7ec5squ4fk] .ParentContextAutocomplete {
        max-width: calc(100% - 76px) !important;
    }
}

.div_AddedParentContext[b-7ec5squ4fk] {
    width: fit-content;
    margin-right: auto;
    display: flex;
    align-content: center;
}

#ParentContextLabel[b-7ec5squ4fk] {
    display: flex;
    align-items: center;
    min-width: 120px;
}

.button_AddedParentContext[b-7ec5squ4fk] {
    margin-left: 1rem;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.p_AddedParentContext[b-7ec5squ4fk] {
    font-size: 14px;
    margin-bottom: 0;
    display: flex;
    align-items: center;
}

@media screen and (max-width: 900px) {
    [b-7ec5squ4fk] .div_newRef_input {
        width: 100% !important;
    }
}

@media screen and (max-width: 1100px) {
    [b-7ec5squ4fk] .openNode_property_input::part(root) {
        max-width: 100% !important;
    }

    [b-7ec5squ4fk] .openNode_property_input::after {
        max-width: 100% !important;
    }

    [b-7ec5squ4fk] .type_input::part(control) {
        max-width: 100% !important;
    }

    [b-7ec5squ4fk] .type_input::after {
        max-width: 100% !important;
    }

    [b-7ec5squ4fk] .ParentContextAutocomplete {
        max-width: 100% !important;
    }

    [b-7ec5squ4fk] .div_node_more_subopt {
        width: 200px;
        left: 10px !important;
        top: 30px !important;
        position: absolute;
    }
}

[b-7ec5squ4fk] .QuickRelationType {
    width: 100%;
    margin: 10px 0 0 0;
}

    [b-7ec5squ4fk] .QuickRelationType::part(listbox) {
        /*max-height: 200px !important;*/
    }

    [b-7ec5squ4fk] .QuickRelationType::part(control) {
        /*max-width: 30%;*/
    }

.QuickRelationsInputs_Container[b-7ec5squ4fk] {
    width: calc(100% - 60px);
    margin: 0 0 0 20px;
    display: flex;
    align-items: center;
    flex-direction: column;
    position: relative;
}

[b-7ec5squ4fk] #QuickRelationAutocomplete-popup {
    max-width: 40vw;
}

@media screen and (max-width: 900px) {
    [b-7ec5squ4fk] #QuickRelationAutocomplete-popup {
        max-width: calc(90vw - 100px) !important;
    }
}

.QuickRelationAutocomplete[b-7ec5squ4fk] {
    width: 100%;
}

[b-7ec5squ4fk] .QuickRelationAutocomplete::part(listbox) {
    max-height: 200px !important;
    max-width: 300px !important;
}

[b-7ec5squ4fk] .QuickRelationAutocomplete .outline::part(start) {
    margin-top: 11px !important;
    max-width: calc(100% - 50px);
}

[b-7ec5squ4fk] .QuickRelationAutocomplete .outline::part(root) {
    height: 48px;
}

[b-7ec5squ4fk] .QuickRelationAutocomplete .outline::part(end) {
    margin-top: 11px !important;
}

[b-7ec5squ4fk] .QuickRelationAutocomplete .outline .neutral::part(control) {
    font-size: 14px;
    margin-right: 2px;
}

[b-7ec5squ4fk] .QuickRelationAutocomplete .horizontal-scroll::part(scroll-area) {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.QuickInfluenceAutocomplete_selectedOption[b-7ec5squ4fk] {
    width: 100%;
    height: 100%;
}

    .QuickInfluenceAutocomplete_selectedOption .QuickInfluenceAutocomplete_option_p[b-7ec5squ4fk] {
        margin: 0;
        font-size: 12px;
    }

.QuickInfluenceAutocomplete_option[b-7ec5squ4fk] {
    width: 100%;
    height: 100%;
}

.QuickInfluenceAutocomplete_option_p[b-7ec5squ4fk] {
    margin: 0;
    width: 100%;
    height: 100%;
}

    .QuickInfluenceAutocomplete_option_p span[b-7ec5squ4fk] {
        color: #7A7FFF;
        font-weight: 500;
    }

.div_openNode_titleEditor:hover .div_refEditor_icon[b-7ec5squ4fk] {
    display: flex !important;
}

.refEditor_icon[b-7ec5squ4fk] {
    width: 14px;
}

a .refEditor_icon[b-7ec5squ4fk] {
    margin-top: 2px;
    margin-left: 10px;
}

#div_type_tip[b-7ec5squ4fk] {
    display: none;
    z-index: 100;
    border-radius: 10px;
    background-color: #FFFFFF !important;
    padding: 15px 10px 15px 10px;
    box-shadow: 0 6px 20px rgb(0 0 0 / 15%);
    width: 100%;
    position: absolute;
    margin-top: -275px;
}

.div_type_suggestions[b-7ec5squ4fk] {
    display: flex;
    flex-direction: column;
    max-height: 180px;
    overflow-y: scroll;
    padding: 0 0 0 4px !important;
}

.p_type_suggestion[b-7ec5squ4fk] {
    margin: 0;
    font-size: 13px;
}

.div_type_suggestion[b-7ec5squ4fk] {
    display: flex;
    align-items: center;
    padding: 0.5rem 0;
}

.div_type_tips[b-7ec5squ4fk] {
    display: none;
}

.div_defineroot_input[b-7ec5squ4fk] {
    width: 100% !important;
    min-width: 250px !important;
}

.div_type_input[b-7ec5squ4fk] {
    width: calc(100% - 120px) !important;
    min-width: 250px !important;
}

[b-7ec5squ4fk] .type_input {
    margin: 0 -1px;
    z-index: 75;
    width: 100% !important;
}

    [b-7ec5squ4fk] .type_input::part(listbox) {
        max-height: 200px;
    }

[b-7ec5squ4fk] .desctype_input {
    margin: 0 -1px;
    z-index: 75;
    width: 150px !important;
    min-width: 165px;
}

    [b-7ec5squ4fk] .desctype_input::part(control) {
        max-width: 150px;
    }

    [b-7ec5squ4fk] .desctype_input::after {
        max-width: 150px;
    }

    [b-7ec5squ4fk] .desctype_input::part(listbox) {
        max-width: 150px;
        max-height: 200px;
    }

[b-7ec5squ4fk] .node_more_opt {
    width: fit-content;
}

[b-7ec5squ4fk] .node_more_opt_icon {
    width: 12px;
    height: 12px;
}

#contextColorTag[b-7ec5squ4fk] {
    cursor: pointer;
    width: 20px;
    height: 20px;
    padding: 0;
    outline: none;
    border: none;
    border-radius: 100%;
    -webkit-appearance: none;
}

.colorSelectButton[b-7ec5squ4fk] {
    margin: 0.1em;
    cursor: pointer;
    width: 20px;
    height: 20px;
    padding: 0;
    outline: none;
    border: none;
    border-radius: 100%;
    -webkit-appearance: none;
    transition: .2s;
}

#div_ColorTags[b-7ec5squ4fk] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
}

@media screen and (max-width: 900px) {
    .div_type_input[b-7ec5squ4fk] {
        width: 100% !important;
    }
}

.div_tip_title[b-7ec5squ4fk] {
    display: flex;
    align-items: center;
    margin-bottom: 5px;
}

.tip_title[b-7ec5squ4fk] {
    margin: 0 0 0 4px !important;
    font-size: 8px !important;
    font-weight: 700;
}

.tip_text[b-7ec5squ4fk] {
    margin: 12px 0;
    font-size: 12px;
    color: #727272;
}

.tip_suggested_title[b-7ec5squ4fk] {
    font-size: 9px !important;
    color: #727272;
    font-weight: 700;
    margin: 0 0 0 4px !important;
}

.div_genAI_textArea_output[b-7ec5squ4fk] {
    border-radius: 10px;
    border-width: 1px;
    border: solid #E8E8E8;
    width: 100%;
    height: 250px;
    min-height: 250px;
    max-height: max-content;
    resize: vertical;
    overflow-y: scroll;
    padding: 20px;
    font-size: 14px;
}

[b-7ec5squ4fk] .div_genAI_textArea_output::-webkit-scrollbar-thumb {
    background: #7A7FFF !important;
    border: none !important;
}

.nodeType_input[b-7ec5squ4fk] {
    width: 100%;
    z-index: 2;
    border: solid;
    border-width: 1px;
    border-radius: 4px;
    border-color: #E8E8E8;
    background: #FFFFFF !important;
    padding: 5px 10px;
    appearance: none;
    font-size: 15px;
}

    .nodeType_input:focus-within[b-7ec5squ4fk] {
        background: padding-box linear-gradient(var(--neutral-fill-input-focus),var(--neutral-fill-input-focus)),border-box var(--neutral-stroke-input-rest);
    }

    .nodeType_input:focus-visible[b-7ec5squ4fk] {
        outline: none !important;
    }

    .nodeType_input[b-7ec5squ4fk]::-webkit-scrollbar {
        width: 0;
        height: 0;
    }

.no_context[b-7ec5squ4fk] {
    font-size: 13px;
    font-style: italic;
    margin: 0 0 0 1rem;
}

.div_editor_icon_cancel[b-7ec5squ4fk] {
    background-color: #C4314B !important;
}

.div_editor_headerActions[b-7ec5squ4fk] {
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
    min-width: 130px;
    position: fixed;
    bottom: 2rem;
    right: 0rem;
    z-index: 10;
}

.div_editor_save_icon[b-7ec5squ4fk] {
    width: 50px;
    height: 50px;
    min-width: 34px;
    border-radius: 100%;
    margin-right: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .4s;
}

    .div_editor_save_icon:hover[b-7ec5squ4fk] {
        width: 55px;
        height: 55px;
    }

        .div_editor_save_icon:hover .editor_save_icon[b-7ec5squ4fk] {
            width: 26px !important;
            height: 26px !important;
        }

[b-7ec5squ4fk] .actions_icon_favorite {
    width: 12px !important;
}

.ConceptTopActions[b-7ec5squ4fk] {
    width: 290px;
    min-width: 290px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: right;
    margin-right: .2rem;
}
/*Language specific resizing*/
.ConceptTopActions_PT[b-7ec5squ4fk] {
    width: 312px;
    min-width: 312px;
}

@media screen and (max-width: 1100px) {
    .ConceptTopActions[b-7ec5squ4fk], .ConceptTopActions_PT[b-7ec5squ4fk] {
        width: 248px !important;
        min-width: 248px !important;
    }

    .AddRelationsButton[b-7ec5squ4fk] {
        width: fit-content !important;
    }
}

@media screen and (max-width: 700px) {
    .relations_subtitle[b-7ec5squ4fk] {
        margin-top: 1rem;
        width: 100% !important;
        justify-content: space-around;
    }

    .AddRelationsButton[b-7ec5squ4fk], .FindRelationsButton[b-7ec5squ4fk] {
        margin: 10px !important;
    }
}

.subtitle_div_right .AddRelationsInfButton[b-7ec5squ4fk], .subtitle_div_right .AddRelationsDepButton[b-7ec5squ4fk] {
    margin-right: 1rem;
}

.AddRelationsFindButton[b-7ec5squ4fk] {
    width: fit-content !important;
    background-color: #9094ff !important;
}

.AddRelationsDepButton[b-7ec5squ4fk] {
    background-color: #50A1BCbd !important;
}

.AddRelationsInfButton[b-7ec5squ4fk] {
    background-color: #E38539bd !important;
}

.AddRelationsButton[b-7ec5squ4fk] {
    width: 160px;
}

.AddRelationsButton[b-7ec5squ4fk], .CancelRelationsButton[b-7ec5squ4fk] {
    padding: 6px 15px !important;
}

    .AddRelationsButton p[b-7ec5squ4fk], .CancelRelationsButton p[b-7ec5squ4fk] {
        font-size: 12px !important;
    }

    .AddRelationsButton img[b-7ec5squ4fk], .CancelRelationsButton img[b-7ec5squ4fk] {
        width: 12px !important;
        height: 12px !important;
    }

.ConceptTopActionButton[b-7ec5squ4fk], .ConceptHeaderActionButton[b-7ec5squ4fk] {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 20px;
    transition: transform .4s;
    padding: 10px 20px;
    margin-left: 10px;
    cursor: pointer;
}

    .ConceptTopActionButton p[b-7ec5squ4fk], .ConceptHeaderActionButton p[b-7ec5squ4fk] {
        transition: transform .4s;
        margin: 0 10px 0 0;
        font-size: 14px;
        font-weight: 600;
        cursor: pointer;
    }

        .ConceptTopActionButton:hover[b-7ec5squ4fk], .ConceptTopActionButton:hover p[b-7ec5squ4fk], .ConceptTopActionButton:hover img[b-7ec5squ4fk], .ConceptHeaderActionButton p:hover[b-7ec5squ4fk], .ConceptHeaderActionButton p:hover p[b-7ec5squ4fk], .[b-7ec5squ4fk], .ConceptHeaderActionButton p:hover img[b-7ec5squ4fk] {
            transform: scale(1.03);
        }

            .ConceptTopActionButton img[b-7ec5squ4fk], .ConceptHeaderActionButton img[b-7ec5squ4fk] {
                width: 15px;
                height: 15px;
                min-height: 21px;
                cursor: pointer;
                transition: transform .4s;
            }

            .ConceptHeaderActionButton img[b-7ec5squ4fk] {
                max-height: 13px;
            }

            .SaveButton p[b-7ec5squ4fk] {
                color: #FFFFFF !important;
            }

            .ConceptTopActionButton_idle[b-7ec5squ4fk] {
                background-color: #f1f1f1;
            }

                .ConceptTopActionButton_idle p[b-7ec5squ4fk] {
                    color: #FFFFFF;
                }

            .ConceptTopActionButton_active[b-7ec5squ4fk] {
                background-color: #7A7FFF;
            }

            .ConceptTopActionButton_disabled[b-7ec5squ4fk] {
                background-color: #EEEEFF;
            }

                .ConceptTopActionButton_disabled p[b-7ec5squ4fk], .node_more_opt_disabled[b-7ec5squ4fk] {
                    color: #727272;
                }

            .ConceptTopActionButton_danger[b-7ec5squ4fk] {
                background-color: #C4314B !important;
            }

                .ConceptTopActionButton_active p[b-7ec5squ4fk], .ConceptTopActionButton_idle p[b-7ec5squ4fk], .ConceptTopActionButton_danger p[b-7ec5squ4fk] {
                    color: #FFFFFF;
                }

#ConceptActionChatButton[b-7ec5squ4fk] {
    padding: 10px 15px;
}

#ConceptAction_chat_icon[b-7ec5squ4fk] {
    width: 19px !important;
    height: 20px !important;
}

.ConceptTopActionButton_AI[b-7ec5squ4fk] {
    background: #f1f1f1;
    padding: 10px 15px;
}

    .ConceptTopActionButton_AI img[b-7ec5squ4fk] {
        width: 19px !important;
        height: 19px !important;
    }

.icon-stack[b-7ec5squ4fk] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 20px;
    width: 30px;
}

    .icon-stack .base-icon[b-7ec5squ4fk] {
        bottom: 4px;
        right: 16px;
        position: absolute;
        width: 20px;
        height: 20px;
    }

    .icon-stack .chat-overlay[b-7ec5squ4fk] {
        position: absolute;
        width: 20px;
        height: 20px;
        bottom: -4px;
        right: -9px;
    }

/* Comments and Conversations notification badge */
.comments-notification-badge[b-7ec5squ4fk], .chat-notification-badge[b-7ec5squ4fk] {
    position: absolute;
    min-width: 14px;
    height: 14px;
    padding: 0 3px;
    border-radius: 10px;
    background-color: #FF4D4F;
    color: white;
    font-size: 9px;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
}

.comments-notification-badge[b-7ec5squ4fk] {
    top: -8px;
    right: 8px;
}

.chat-notification-badge[b-7ec5squ4fk] {
    top: 0px;
    right: -15px;
}

.AddRelationsButton .desktop_btnlabel[b-7ec5squ4fk] {
    display: block !important;
}

.AddRelationsButton .mobile_btnlabel[b-7ec5squ4fk] {
    display: none !important;
}

@media screen and (max-width: 760px) {
    .AddRelationsButton .desktop_btnlabel[b-7ec5squ4fk] {
        display: none !important;
    }

    .AddRelationsButton .mobile_btnlabel[b-7ec5squ4fk] {
        display: block !important;
    }
}

@media screen and (max-width: 1100px) {
    .SaveButton p[b-7ec5squ4fk] {
        display: none;
    }

    .ConceptTopActionButton_danger > p[b-7ec5squ4fk] {
        display: none !important;
    }

    .AddRelationsButton .desktop_btnlabel[b-7ec5squ4fk] {
        display: block !important;
    }

    .AddRelationsButton .mobile_btnlabel[b-7ec5squ4fk] {
        display: none !important;
    }

    .openNode_type[b-7ec5squ4fk] {
        font-size: 0;
    }
}

@media screen and (max-width: 730px) {
    .openNode_type[b-7ec5squ4fk] {
        display: none;
    }
}

.div_editor_icon_active[b-7ec5squ4fk] {
    background-color: #7A7FFF;
}

.div_editor_icon_disabled[b-7ec5squ4fk] {
    background-color: #EEEEFF;
}

.editor_tab_header_right[b-7ec5squ4fk] {
    overflow-x: scroll;
}

.openNode_type[b-7ec5squ4fk] {
    margin-top: 3px;
    overflow: hidden;
}

    .openNode_type .div_openNode_actions[b-7ec5squ4fk] {
        flex-direction: row !important;
    }

    .openNode_type .actions_icon_favorite .actions_icon_favorite[b-7ec5squ4fk] {
        width: 17px !important;
    }

.context_location_span[b-7ec5squ4fk] {
    margin-left: 5px;
}

.p_context_location[b-7ec5squ4fk] {
    width: 100%;
    margin: -20px 0 0 0;
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: absolute;
    display: flex;
}

.subtitle_div_left[b-7ec5squ4fk] {
    width: 30%;
    min-width: fit-content;
    display: flex;
    position: relative;
}

.subtitle_div_right[b-7ec5squ4fk] {
    display: flex;
    align-items: center;
}

.tap_node_delete_div[b-7ec5squ4fk] {
    margin-left: 20px;
}

.subtitle_divFlex[b-7ec5squ4fk] {
    width: calc(100% - 15px);
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
}

.addAddingRelations[b-7ec5squ4fk], .closeAddingRelations[b-7ec5squ4fk] {
    width: 10px !important;
    height: 10px !important;
}

.cursor_pointer_highlight:hover .subtitle_add_icon path[b-7ec5squ4fk] {
    fill: #5b5fc7 !important;
}


@media screen and (max-width: 900px) {
    .tox .tox-menubar[b-7ec5squ4fk] {
        display: flex !important;
    }
}

@media screen and (max-width: 490px) {
    .tox .tox-menubar[b-7ec5squ4fk] {
        display: none !important;
    }
}

[b-7ec5squ4fk] .tox-tinymce {
    height: 300px;
    min-height: 300px !important;
}

[b-7ec5squ4fk] .tox-promotion {
    display: none !important;
}

[b-7ec5squ4fk] .tox-statusbar__branding {
    display: none !important;
}

[b-7ec5squ4fk] .tox-mbtn:last-child {
    color: #5B60D2 !important;
}

[b-7ec5squ4fk] .tox-mbtn {
    cursor: default !important;
}

.loadingTinyMCE_div[b-7ec5squ4fk] {
    width: 100%;
    height: 300px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.loadingCtxTinyMCE_div[b-7ec5squ4fk] {
    width: 100%;
    height: 300px;
    display: flex;
    align-items: center;
    justify-content: center;
}


[b-7ec5squ4fk] .div_genAI_trans_output {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 3rem;
    margin-top: 2rem;
}
/* Handle */
.div_genAI_trans_output[b-7ec5squ4fk]::-webkit-scrollbar-thumb {
    border: none !important;
}

.div_genAI_trans_copy[b-7ec5squ4fk] {
    cursor: pointer;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.genAI_trans_copy_icon[b-7ec5squ4fk] {
    width: 20px;
    height: 20px;
}

[b-7ec5squ4fk] .genAI_trans_output {
    max-height: 200px;
    overflow: scroll;
    font-size: 14px;
    padding: 0 10px;
    width: calc(100% - 35px);
}

.div_translate_modal_main[b-7ec5squ4fk] {
    height: 100%;
    padding: 5px 0;
    display: flex;
    outline: none;
    position: relative;
    flex-direction: column;
    justify-content: space-between;
    min-height: unset;
    width: 100%;
}

    .div_translate_modal_main .div_modal_top[b-7ec5squ4fk] {
        margin-bottom: 0;
    }

        .div_translate_modal_main .div_modal_top[b-7ec5squ4fk]  .modalSubmitBtn {
            margin: 0 !important;
            bottom: 0 !important;
        }


[b-7ec5squ4fk] .div_node_more_opt {
    align-items: center;
    display: flex !important;
    cursor: default !important;
    padding: 5px 10px !important;
    margin-bottom: 5px !important;
    width: 100%;
}

.div_openNode_actions[b-7ec5squ4fk] {
    width: calc(100% - 15px);
    min-width: 200px;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    height: fit-content;
}

@media screen and (min-width: 1100px) {
    .div_openNode_actions[b-7ec5squ4fk] {
        margin-left: 5px;
    }
}

.FindRelationsButton[b-7ec5squ4fk], .AddRelationsButton[b-7ec5squ4fk] {
    margin-left: 0;
}

.FindRelationsButton[b-7ec5squ4fk] {
    padding: 8px 20px !important;
    background-color: #5797ff !important;
}

@media screen and (min-width: 1100px) {
    [b-7ec5squ4fk] .FindRelationsButton p {
        display: block !important;
    }
}

.div_relations_actions[b-7ec5squ4fk] {
    margin-top: 5px;
}

.openNode_ctxID[b-7ec5squ4fk] {
    font-size: 12px;
    font-weight: 600;
    margin: 8px 0 0 5px;
}

.openNode_nodeID[b-7ec5squ4fk] {
    margin: 0;
    font-size: 12px;
    font-weight: 600;
}

.openNode_nodeID_right[b-7ec5squ4fk] {
    width: calc(100% - 120px) !important;
}

.div_openNode_nodeIDandDescType[b-7ec5squ4fk] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin: 8px 5px 0 0px;
    flex-direction: row;
    flex-wrap: wrap;
}

.other_contexts_heading[b-7ec5squ4fk] {
    display: flex;
    flex-direction: column;
}

.other_contexts_root[b-7ec5squ4fk] {
    font-size: 11px;
    color: #7A7FFF;
    margin: 5px 0 0 0;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: initial;
    width: 100%;
}

.div_hierarchyOtherContexts_actions[b-7ec5squ4fk] {
    display: flex;
    margin-left: 10px;
}

[b-7ec5squ4fk] .hierarchyOtherContexts_actions_icon {
    width: 13px;
    min-width: 13px;
    display: flex;
    cursor: pointer;
    transition: .3s
}

[b-7ec5squ4fk] #hierarchyOtherContexts_actions_icon_update:hover {
    width: 14px;
}

[b-7ec5squ4fk] #hierarchyOtherContexts_actions_icon_flow {
    width: 16px;
    min-width: 16px;
}

    [b-7ec5squ4fk] #hierarchyOtherContexts_actions_icon_flow:hover {
        width: 17px;
    }

#hierarchySummary_progRing[b-7ec5squ4fk] {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 4rem;
    width: 100%;
}

.div_synonyms_preview[b-7ec5squ4fk] {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
}

.div_synonyms_expand[b-7ec5squ4fk],
.div_synonyms_collapse[b-7ec5squ4fk] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px 7px;
    height: 30px;
    margin-left: auto;
}

    .div_synonyms_expand img[b-7ec5squ4fk],
    .div_synonyms_collapse img[b-7ec5squ4fk] {
        height: 18px;
    }

    .div_synonyms_collapse p[b-7ec5squ4fk] {
        margin: 0;
        font-size: 12px;
        color: #7A7FFF;
    }

.div_synonyms_container[b-7ec5squ4fk] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: calc(100% - 120px);
}

@media screen and (max-width: 900px) {
    .div_synonyms_container[b-7ec5squ4fk] {
        width: 100% !important;
    }
}

.div_synonym_item[b-7ec5squ4fk] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    width: 100%;
}

.div_remove_synonym[b-7ec5squ4fk] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px 7px;
    height: 30px;
}

    .div_remove_synonym img[b-7ec5squ4fk] {
        height: 15px;
    }

.div_synonym_add[b-7ec5squ4fk] {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
}

.div_newNode_properties[b-7ec5squ4fk] {
    width: 90%;
    height: fit-content;
    min-width: 320px !important;
    flex-direction: column;
    align-items: flex-start;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 10px;
    transition: .2s;
    border: none;
    padding: 0 !important;
}

.div_newNode_property[b-7ec5squ4fk] {
}

.div_editingNode_properties[b-7ec5squ4fk] {
    flex-wrap: wrap;
}

#div_editingNode_ContextProperties[b-7ec5squ4fk] {
    height: fit-content;
    min-height: fit-content;
}

.div_newNode_properties_container[b-7ec5squ4fk] {
    align-items: flex-start;
    display: flex;
    padding: 0 !important;
    flex-direction: column;
    margin: 0 !important;
}

.div_subtitle_Actions[b-7ec5squ4fk] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 3rem;
}

.div_subtitle_Action[b-7ec5squ4fk] {
    margin-left: 20px;
    height: 30px;
    display: flex;
    align-items: center;
}

.subtitle_Action[b-7ec5squ4fk] {
    margin: 0;
    font-size: 12px;
    color: #7A7FFF;
}

.openNode_subtitle[b-7ec5squ4fk] {
    margin: 0;
    font-size: 20px;
    display: flex;
    align-items: center;
}

    .openNode_subtitle .div_openNode_actions_icon[b-7ec5squ4fk] {
        margin-left: 10px;
    }

.openNode_subtitle_div[b-7ec5squ4fk] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    margin: 10px 0 5px 0;
}

.openNode_subtitle_left[b-7ec5squ4fk] {
    display: flex;
    align-items: center;
}

.openNode_subtitle_right[b-7ec5squ4fk] {
    display: flex;
    align-items: center;
}

.openNode_subtitle_description[b-7ec5squ4fk] {
    font-size: 18px;
}

.p_contextDescription img[b-7ec5squ4fk], .p_contextDescription p img[b-7ec5squ4fk] {
    max-width: 100%;
}

.div_info_icon[b-7ec5squ4fk] {
    display: flex;
    margin-left: 7px;
    margin-right: auto;
}

.info_icon[b-7ec5squ4fk] {
    width: 11px;
    filter: invert(44%) sepia(0%) saturate(0%) hue-rotate(253deg) brightness(101%) contrast(90%);
}

.div_info_icon:hover .info_icon[b-7ec5squ4fk] {
    filter: invert(42%) sepia(60%) saturate(637%) hue-rotate(200deg) brightness(112%) contrast(101%) !important;
}


[b-7ec5squ4fk] .nodeTopActionsSpinnner {
    width: 18px;
    height: 18px;
    min-width: 18px;
}


[b-7ec5squ4fk] .node_editor_tab_header {
    margin-left: 1.5rem !important;
}

.node_editor_tab_header_content[b-7ec5squ4fk] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
}

.openNode_header[b-7ec5squ4fk] {
    display: flex;
    align-items: flex-start;
    width: 100%;
}

.newOpenNode_header[b-7ec5squ4fk] {
    width: 100%;
    display: flex;
    align-items: flex-start;
}

.div_editor_tab_title_newNode[b-7ec5squ4fk] {
    width: 100%;
    display: flex;
    overflow-x: clip;
    align-items: center;
    min-width: 210px;
    z-index: 80;
}

.div_newOpenNode_title[b-7ec5squ4fk] {
    margin-left: 10px;
    width: 100%;
}

    .div_newOpenNode_title .openNode_title[b-7ec5squ4fk] {
        max-width: calc(100% - 40px);
    }

.div_newOpenNode_title_notype[b-7ec5squ4fk] {
    margin-left: 10px;
    max-width: calc(100% + 25px);
}

.newOpenNode_title[b-7ec5squ4fk] {
    font-size: 20px;
    font-weight: 700;
    margin: 0;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.div_openNode_title[b-7ec5squ4fk] {
    /*max-width: 90%;*/
    max-width: calc(100% - 35px);
    transition: .2s;
    margin: auto 0 auto 10px;
}

@media screen and (max-width: 1400px) {
    .div_openNode_title_Simple[b-7ec5squ4fk] {
        /*max-width: 50%;*/
        max-width: calc(100% - 25px);
    }
}

@media screen and (max-width: 1200px) {
    .div_openNode_title_Simple[b-7ec5squ4fk] {
        /*max-width: 200px;*/
        max-width: calc(100% - 25px);
    }
}

@media screen and (max-width: 900px) {
    .div_editor_headerActions[b-7ec5squ4fk] {
        display: none !important;
    }

    #editRel_modal .width_100[b-7ec5squ4fk] {
        width: 100% !important;
    }

    [b-7ec5squ4fk] .openNode_property_input_popup::part(root) {
        width: 100%;
    }

    [b-7ec5squ4fk] .openNode_property_input_popup::part(control) {
        width: 100%;
    }

    [b-7ec5squ4fk] .openNode_property_input_popup::after {
        width: 100%;
    }
}

@media screen and (max-width: 900px) {
    [b-7ec5squ4fk] .div_editor_tab_header {
        width: calc(100vw - 40px) !important;
        top: 4rem;
        right: unset !important;
        left: 20px !important;
        height: 60px;
        display: flex !important;
        align-items: center;
        box-shadow: rgb(0 0 0 / 10%) 0 0 6px 3px;
        justify-content: space-between;
        position: fixed;
        transition: .2s;
        border-radius: 100px;
        background-color: #FFFFFF;
        z-index: 95;
    }
}

@media screen and (max-width: 500px) {
    [b-7ec5squ4fk] .visibility_user_name::part(control) {
        max-width: 70%;
    }

    [b-7ec5squ4fk] .visibility_user_name::after {
        max-width: 70%;
    }

    [b-7ec5squ4fk] .visibility_user_name::part(listbox) {
        max-width: 80%;
    }
}

#tab_button_icon[b-7ec5squ4fk], #ai_button_icon[b-7ec5squ4fk] {
    width: 15px;
}

#ai_button[b-7ec5squ4fk] {
    padding: 0 0 0 20px;
}

.ai_button_simple[b-7ec5squ4fk] {
    padding: 10px 20px !important;
    border-radius: 30%;
}

#ai_button_txt[b-7ec5squ4fk] {
    min-width: max-content;
}

@media screen and (max-width: 900px) {
    #ai_button_txt[b-7ec5squ4fk] {
        display: none;
    }
}

.div_tab_button_Simple[b-7ec5squ4fk] {
    padding: 0 10px;
    border-radius: 30%;
}

.pinTab_icon_Simple[b-7ec5squ4fk] {
    margin-left: 10px;
}

.div_pinTab[b-7ec5squ4fk] {
    display: none;
    align-content: center;
    margin-right: 15px;
}

.div_pinTab_Simple[b-7ec5squ4fk] {
    margin-right: 0;
}

.pinTab_icon[b-7ec5squ4fk] {
    width: 15px;
    transition: .3s;
}

    .pinTab_icon:hover[b-7ec5squ4fk] {
        width: 16px !important;
    }

.tab_button_active[b-7ec5squ4fk] {
    background-color: #EEEEFF !important;
}

.large-screen_Simple[b-7ec5squ4fk] {
    display: none;
}

[b-7ec5squ4fk] .tab_buttons {
    border-radius: 20px !important;
}

.div_tab_buttons[b-7ec5squ4fk] {
    width: 475px;
    min-width: 385px;
    height: 60px;
    display: flex;
    margin-left: 10px;
    margin-right: 0;
    background-color: #FBFBFB;
    justify-content: flex-end;
    overflow: overlay;
}

.div_tab_buttons_PT[b-7ec5squ4fk] {
    width: 475px;
    min-width: 410px;
}

[b-7ec5squ4fk] .div_tab_button {
    border-radius: 20px;
}

@media screen and (min-width: 900px) {
    .tab_button_active:hover .div_pinTab[b-7ec5squ4fk] {
        display: flex !important;
    }

    .div_editor_tab_title[b-7ec5squ4fk] {
        align-items: flex-start;
    }
}

@media screen and (max-width: 1200px) {
    .large-screen_Simple[b-7ec5squ4fk] {
        display: contents;
    }

    .div_editor_tab_title[b-7ec5squ4fk] {
        width: calc(100% - 220px);
        min-width: 150px;
    }

    .div_tab_buttons_Simple[b-7ec5squ4fk] {
        width: fit-content;
        margin-left: 0 !important;
        min-width: 180px;
    }

    .large-screen[b-7ec5squ4fk] {
        display: none;
    }
}

@media (max-width: 1024px) {
    .large-screen_Simple[b-7ec5squ4fk] {
        display: none;
    }

    .large-screen[b-7ec5squ4fk] {
        display: none;
    }

    .div_tab_buttons[b-7ec5squ4fk] {
        display: none;
    }
}

.div_genAI_Send_btn[b-7ec5squ4fk] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin: 1rem 0;
}

.genAI_Send_btn[b-7ec5squ4fk] {
    /*margin: 1rem auto;*/
}

[b-7ec5squ4fk] .div_modal_top {
    margin-bottom: 5rem;
    width: 100% !important;
}

.modal_bottom[b-7ec5squ4fk] {
    margin: 2rem 0 0 0;
    position: absolute;
    right: 0;
    bottom: 0;
}

[b-7ec5squ4fk] .modal_SubmitBtn {
    margin-left: 1rem;
}

[b-7ec5squ4fk] .div_genAI_type_input {
    display: flex;
    justify-content: space-between;
    margin-bottom: 1rem;
}

[b-7ec5squ4fk] #genAI_textArea_output {
    width: 100%;
    font-size: 14px;
    white-space: pre-wrap;
    max-height: 400px;
    min-height: 160px;
    padding: 10px;
    border-radius: 0 0 5px 5px;
    border-width: 1px;
    border-color: #F5F5F5;
    background-color: #FFFFFF;
    box-shadow: 0 3px 3px rgb(0 0 0 / 5%);
    resize: vertical;
    overflow: auto;
}

/*::deep #tinymce {
    animation: typing 1.5s steps(40, end), blink-caret .75s step-end infinite;
}
@keyframes typing {
    from {
        width: 0
    }
    to {
        width: 100%
    }
}*/
/* The typewriter cursor effect */
/*@keyframes blink-caret {
    from, to {
        border-color: transparent
    }
    50% {
        border-color: orange;
    }
}*/

[b-7ec5squ4fk] .multipleNodes_textArea {
    margin-top: 0px !important;
}

    [b-7ec5squ4fk] .multipleNodes_textArea::part(control) {
        padding: 1rem !important;
        border-width: 1px !important;
        border-radius: 5px !important;
        min-height: 200px !important;
        resize: vertical;
    }

[b-7ec5squ4fk] .genAI_textArea_output .tox-editor-container {
    min-height: 200px !important;
    max-height: 200px !important;
}

[b-7ec5squ4fk] .genAI_outTypeInput {
    width: 100%;
    color: #1E1E1E;
    font-size: 14px;
    margin: 0 6px 0 0px;
}

    [b-7ec5squ4fk] .genAI_outTypeInput::part(listbox) {
        max-height: 200px;
    }

[b-7ec5squ4fk] .genAI_outTypeInput_half {
    width: 45%;
}

.div_modal_main[b-7ec5squ4fk] {
    min-height: 250px !important;
}

.div_insertMediaProperties[b-7ec5squ4fk] {
    display: flex;
    flex-wrap: wrap;
    margin-top: 1rem;
    width: 100%;
}

.div_loadingButton_icon[b-7ec5squ4fk] {
    width: 18px;
    height: 28px;
    min-width: 18px;
    display: flex;
}

[b-7ec5squ4fk] .genAI_Send_btn_loading::part(control) {
    background: #ffffff !important;
}

[b-7ec5squ4fk] .loadingButton_label {
    color: black;
    margin: 5px 15px 0 0;
}

[b-7ec5squ4fk] .genAI_outLevelInput {
    width: 45%;
    display: flex;
    align-items: center;
}

    [b-7ec5squ4fk] .genAI_outLevelInput::part(label) {
        margin: 0 10px 0 0;
    }

    [b-7ec5squ4fk] .genAI_outLevelInput::after {
        display: none;
    }

.genAI_genRefIcon[b-7ec5squ4fk] {
    width: 18px;
    height: 18px;
}

.div_newRef_input[b-7ec5squ4fk] {
    width: calc(100% - 120px);
    min-width: 250px !important;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

[b-7ec5squ4fk] #openNode_property_input_ref {
    width: 100% !important;
}

[b-7ec5squ4fk] #openNode_property_input_purpose {
    width: 100% !important;
}

[b-7ec5squ4fk] .openNode_property_input_GenAITool {
    width: calc(100% - 40px) !important;
}

[b-7ec5squ4fk] .openNode_property_input_topic {
    width: 100% !important;
    margin-bottom: 10px;
    margin-top: 10px;
}

    [b-7ec5squ4fk] .openNode_property_input_topic::part(root) {
        padding: 0 5px !important;
        border-width: 1px !important;
        border-radius: 5px !important;
    }

.div_genAI_genRefIcon[b-7ec5squ4fk] {
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    margin: auto 0 auto 10px;
}

@media screen and (max-width: 1100px) {
    [b-7ec5squ4fk] .openNode_property_input_GenAITool::part(root) {
        width: calc(100% - 10px) !important;
    }
}



/* Media Dialog */
[b-7ec5squ4fk] .file-drop-zone {
    position: relative;
    border: dashed 2px transparent;
    border-radius: 6px;
    transition: border linear 0.2s;
}

    [b-7ec5squ4fk] .file-drop-zone.hover {
        border: dashed 2px #7A7FFF;
    }

    [b-7ec5squ4fk] .file-drop-zone::after {
        content: "Drop here";
        font-size: 24px;
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background-color: #fff;
        opacity: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: opacity ease 0.2s;
        pointer-events: none;
    }

    [b-7ec5squ4fk] .file-drop-zone.hover::after {
        opacity: 0.8;
    }

[b-7ec5squ4fk] .div_headerActionButton {
    height: 30px;
    display: flex;
    justify-content: center;
    cursor: pointer;
    color: white;
    background-color: #7A7FFF;
    border-radius: 15px;
    padding: 5px 18px 5px 10px;
    transition: transform .15s;
    width: fit-content;
}

    [b-7ec5squ4fk] .div_headerActionButton p {
        color: white;
        font-size: 14px;
        margin: 0 0 0 5px;
    }

    [b-7ec5squ4fk] .div_headerActionButton:hover {
        transform: scale(1.02);
    }

@media (max-width: 760px) {
    [b-7ec5squ4fk] .div_headerActionButton {
        padding: 5px 8px 5px 8px;
    }

        [b-7ec5squ4fk] .div_headerActionButton p {
            display: none;
        }
}

[b-7ec5squ4fk] .genai_filedropzone {
    width: 100%;
}

    [b-7ec5squ4fk] .genai_filedropzone .selected-file-name, [b-7ec5squ4fk] .concept_filedropzone .selected-file-name {
        border-radius: 5px !important;
        background-color: #f2f2f2 !important;
        position: relative;
    }

[b-7ec5squ4fk] .concept_filedropzone .button_chooseFile {
    cursor: pointer;
    font-size: 14px;
    padding: 5px 15px;
    border-radius: 20px;
    padding: 5px 15px !important;
    background-color: #9094ff !important;
}

.inputfile_labelIcon[b-7ec5squ4fk] {
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 35px;
    height: 35px;
}

.genAI_file_icon[b-7ec5squ4fk] {
    width: 13px;
    height: 13px;
}

.GenAI_InputFillContainer[b-7ec5squ4fk] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1rem;
}

.GenAI_InputFillContainer_wDismiss .genai_filedropzone[b-7ec5squ4fk] {
    width: calc(100% - 40px);
}

.selected-file-name[b-7ec5squ4fk] {
    flex-grow: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-right: 10px;
    border-bottom: solid 1px #7A7FFF;
    padding: 8px 0 8px 10px;
    border-radius: 5px 5px 0 0;
    font-size: 14px;
    background-color: #eeeeee;
}

    .selected-file-name .inputfile_labelText[b-7ec5squ4fk] {
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: 14px;
        width: 100%;
    }

#media_dialog_top[b-7ec5squ4fk] {
    margin-bottom: 1rem;
    width: 100% !important;
}

[b-7ec5squ4fk] .modalSubmitBtn {
    right: 0 !important;
}

.error .caption[b-7ec5squ4fk] {
    color: var(--mud-palette-error);
}

.error .selected-file-name[b-7ec5squ4fk] {
    border-bottom-color: #7A7FFF;
}

.error .mud-input-helper-text[b-7ec5squ4fk] {
    color: #7A7FFF;
}

.button_chooseFile[b-7ec5squ4fk] {
    color: white;
    padding: 9px;
    font-size: 12px;
    border-radius: 4px;
    background-color: #595bd0;
}

[b-7ec5squ4fk] .input_fileMessage {
    color: #a4a4a4;
    font-size: 12px;
}

[b-7ec5squ4fk] .rootCheckBox {
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
}

    [b-7ec5squ4fk] .rootCheckBox::part(label) {
        padding: 0;
        margin-right: auto;
    }


.rating_label[b-7ec5squ4fk] {
    margin-bottom: 1rem;
    font-size: 13px;
    color: #7A7FFF;
}

.slider[b-7ec5squ4fk], .slider_disabled[b-7ec5squ4fk] {
    -webkit-appearance: none;
    appearance: none;
    width: 100%;
    height: 5px;
    background: #d3d3d3;
    outline: none;
    opacity: 0.7;
    -webkit-transition: .2s;
    transition: opacity .2s;
    border-radius: 10px;
}

    .slider:hover[b-7ec5squ4fk] {
        opacity: 1;
    }

    .slider_disabled[b-7ec5squ4fk]::-webkit-slider-thumb {
        -webkit-appearance: none;
        appearance: none;
        border: 0;
        width: 20px;
        height: 20px;
        background: url('images/rate_0.svg');
        cursor: default;
        filter: invert(95%) sepia(0%) saturate(29%) hue-rotate(156deg) brightness(93%) contrast(72%);
    }

    .slider_disabled[b-7ec5squ4fk]::-moz-range-thumb {
        appearance: none;
        border: 0;
        width: 20px;
        height: 20px;
        cursor: default;
        background: url('images/rate_0.svg');
        filter: invert(95%) sepia(0%) saturate(29%) hue-rotate(156deg) brightness(93%) contrast(72%);
    }

    .slider[b-7ec5squ4fk]::-webkit-slider-thumb {
        -webkit-appearance: none;
        appearance: none;
        border: 0;
        width: 20px;
        height: 20px;
        cursor: pointer;
        filter: invert(50%) sepia(86%) saturate(2943%) hue-rotate(217deg) brightness(105%) contrast(107%);
    }

    .slider[b-7ec5squ4fk]::-moz-range-thumb {
        border: 0;
        width: 20px;
        height: 20px;
        cursor: pointer;
        filter: invert(50%) sepia(86%) saturate(2943%) hue-rotate(217deg) brightness(105%) contrast(107%);
    }

.slider_rate_0[b-7ec5squ4fk]::-webkit-slider-thumb {
    background: url('images/rate_0.svg') !important;
}

.slider_rate_1[b-7ec5squ4fk]::-webkit-slider-thumb {
    background: url('images/rate_1.svg') !important;
}

.slider_rate_2[b-7ec5squ4fk]::-webkit-slider-thumb {
    background: url('images/rate_2.svg') !important;
}

.slider_rate_3[b-7ec5squ4fk]::-webkit-slider-thumb {
    background: url('images/rate_3.svg') !important;
}

.copyIcon[b-7ec5squ4fk] {
    width: 14px;
    height: 15px;
}



/* SECTION */
.div_filesSection[b-7ec5squ4fk] {
    border-top: 1px solid #F5F5F5;
    padding: 20px 0 0;
}

/* HEADER ACTION */
.file_upload_btn[b-7ec5squ4fk] {
    font-size: 12px;
    color: #7A7FFF;
    padding: 5px 10px;
}

/* DROP ZONE */
.div_fileDropZone[b-7ec5squ4fk] {
    margin-top: 10px;
    padding: 15px;
    border: 2px dashed #C7C7C7;
    border-radius: 10px;
    text-align: center;
    font-size: 12px;
    color: #727272;
    transition: 0.2s;
}

    .div_fileDropZone.dragging[b-7ec5squ4fk] {
        border-color: #7A7FFF;
        background-color: #EEEEFF;
    }

/* FILE LIST */
.div_filesList[b-7ec5squ4fk] {
    margin-top: 10px;
    max-height: 200px;
    overflow-y: auto;
}

/* FILE ITEM */
.div_fileItem[b-7ec5squ4fk] {
    display: flex;
    align-items: center;
    gap: 10px;
    background-color: #f1f1f1;
    border-radius: 8px;
    padding: 8px;
    margin-bottom: 8px;
}

.file_icon[b-7ec5squ4fk] {
    width: 18px;
}

.file_name[b-7ec5squ4fk] {
    flex-grow: 1;
    font-size: 13px;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.file_rename_input[b-7ec5squ4fk] {
    flex-grow: 1;
    font-size: 13px;
    border: none;
    background: transparent;
    outline: none;
}

.div_file_actions[b-7ec5squ4fk] {
    display: flex;
    gap: 8px;
}

.file_icon_btn[b-7ec5squ4fk] {
    width: 14px;
    height: 14px;
    cursor: pointer;
    filter: invert(95%) sepia(0%) saturate(29%) hue-rotate(156deg) brightness(93%) contrast(72%);
}

    .file_icon_btn:hover[b-7ec5squ4fk] {
        filter: invert(50%) sepia(86%) saturate(2943%) hue-rotate(217deg) brightness(105%) contrast(107%);
    }

.file_delete_icon_btn[b-7ec5squ4fk] {
    width: 14px;
    height: 14px;
    cursor: pointer;
    margin-left: 5px;
    filter: invert(95%) sepia(0%) saturate(29%) hue-rotate(156deg) brightness(93%) contrast(72%);
}

    .file_delete_icon_btn:hover[b-7ec5squ4fk] {
        filter: invert(27%) sepia(31%) saturate(4051%) hue-rotate(325deg) brightness(90%) contrast(92%);
    }

.file_progress[b-7ec5squ4fk] {
    width: 100px;
    height: 4px;
    background: #ddd;
    border-radius: 4px;
    overflow: hidden;
}

.file_progress_bar[b-7ec5squ4fk] {
    height: 100%;
    background: #7A7FFF;
    transition: width 0.2s;
}

.files_empty[b-7ec5squ4fk] {
    font-size: 12px;
    color: #727272;
    font-style: italic;
}

.div_filePreview_overlay[b-7ec5squ4fk] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: #0000005e;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
}

.div_filePreview_modal[b-7ec5squ4fk] {
    width: 70%;
    max-width: 900px;
    height: 70%;
    background: #FFFFFF;
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.div_filePreview_header[b-7ec5squ4fk] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px;
    border-bottom: 1px solid #F5F5F5;
}

.filePreview_title[b-7ec5squ4fk] {
    font-size: 14px;
    margin: 0;
}

.filePreview_close[b-7ec5squ4fk] {
    width: 14px;
}

.div_filePreview_content[b-7ec5squ4fk] {
    flex-grow: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    padding: 10px 0;
}

/* IMAGE */
.filePreview_image[b-7ec5squ4fk] {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

/* PDF */
.filePreview_pdf[b-7ec5squ4fk] {
    width: 100%;
    height: 100%;
    border: none;
}

.filePreview_unsupported[b-7ec5squ4fk] {
    font-size: 13px;
    color: #727272;
}




.relation_section_accent[b-7ec5squ4fk] {
    width: 4px;
    height: 18px;
    border-radius: 2px;
    flex-shrink: 0;
    margin-right: 8px;
}

.relation_section_accent_inf[b-7ec5squ4fk] {
    background-color: #E38539bd;
}

.relation_section_accent_dep[b-7ec5squ4fk] {
    background-color: #50A1BCbd;
}


/* ── Relations count badge ────────────────────────────────────────────── */
.relations_section_badge[b-7ec5squ4fk] {
    border-radius: 20px;
    font-size: 8px;
    font-weight: 500;
    padding: 1px 7px;
    line-height: 14px;
    min-width: 23px;
    text-align: center;
    margin-left: 6px;
}

.relations_section_badge_inf[b-7ec5squ4fk] {
    background-color: #e385390d;
    border: 1px solid #E38539bd;
    color: #A8601A;
}

.relations_section_badge_dep[b-7ec5squ4fk] {
    background-color: #50A1BC0d;
    border: 1px solid #50A1BCbd;
    color: #1A7A7A;
}

/* ── Card list container ────────────────────────────────────────────── */
.relations_node_list[b-7ec5squ4fk] {
    display: flex;
    flex-direction: column;
    gap: 1px;
    border-radius: 12px;
    overflow: hidden;
    margin-top: 8px;
}

/*.relations_node_list_inf {
    background-color: #E38539bd;
}
.relations_node_list_dep {
    background-color: #50A1BCbd;
}*/

/* ── Column header row ──────────────────────────────────────────────── */
.relations_list_header[b-7ec5squ4fk] {
    display: flex;
    align-items: center;
    padding: 6px 14px 6px 18px;
    background-color: #FAFAFA;
    gap: 0;
    font-size: 11px;
    font-weight: 500;
    color: #9E9E9E;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

/* ── Column widths ──────────────────────────────────────────────────── */
.relations_col_type[b-7ec5squ4fk] {
    flex: 0 0 22%;
    min-width: 0;
}

.relations_col_dest[b-7ec5squ4fk] {
    flex: 1 1 35%;
    min-width: 0;
}

.relations_col_prop[b-7ec5squ4fk] {
    flex: 1 1 30%;
    min-width: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    align-items: center;
}

.relations_col_actions[b-7ec5squ4fk] {
    flex: 0 0 68px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 2px;
}

/* ── Individual card ────────────────────────────────────────────────── */
.relations_node_card[b-7ec5squ4fk] {
    display: flex;
    align-items: center;
    gap: 0;
    padding: 10px 14px 10px 0;
    background-color: #FFFFFF;
    transition: background-color .12s;
    min-height: 48px;
    position: relative;
}

    .relations_node_card:hover[b-7ec5squ4fk] {
        background-color: #FAFAFA;
    }

/* ── Left colour accent stripe ──────────────────────────────────────── */
.relations_card_accent[b-7ec5squ4fk] {
    width: 3px;
    align-self: stretch;
    flex-shrink: 0;
    margin-right: 14px;
    border-radius: 0 2px 2px 0;
}

.relations_card_accent_inf[b-7ec5squ4fk] {
    background-color: #E38539bd;
}

.relations_card_accent_dep[b-7ec5squ4fk] {
    background-color: #50A1BCbd;
}

/* ── Text cells ─────────────────────────────────────────────────────── */
.relations_type_label[b-7ec5squ4fk] {
    font-size: 13px;
    color: #5A5A5A;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.relations_dest_label[b-7ec5squ4fk] {
    font-size: 14px;
    font-weight: 500;
    color: #212121;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: color .12s;
}

    .relations_dest_label:hover[b-7ec5squ4fk] {
        color: #7A7FFF;
    }

/* ── Property chips ─────────────────────────────────────────────────── */
.relations_prop_chip[b-7ec5squ4fk] {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    background-color: #F5F5F5;
    border: 1px solid #E8E8E8;
    border-radius: 4px;
    padding: 1px 6px;
    font-size: 11px;
    color: #6B6B6B;
    white-space: nowrap;
}

.relations_prop_key[b-7ec5squ4fk] {
    font-weight: 500;
    color: #5A5A5A;
}

.relations_prop_val[b-7ec5squ4fk] {
    color: #212121;
}

/* ── Action buttons ─────────────────────────────────────────────────── */
.relations_action_btn[b-7ec5squ4fk] {
    width: 28px;
    height: 28px;
    border-radius: 7px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background-color .12s;
    flex-shrink: 0;
}

    .relations_action_btn:hover[b-7ec5squ4fk] {
        background-color: #F0F0F0;
    }

    .relations_action_btn:active[b-7ec5squ4fk] {
        background-color: #E8E8E8;
    }

.relations_action_btn_danger:hover[b-7ec5squ4fk] {
    background-color: #FFF0F0;
}

/* ── Empty state ────────────────────────────────────────────────────── */
.relations_empty[b-7ec5squ4fk] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.5rem 1rem;
    border: 1px dashed #DCDCDC;
    border-radius: 12px;
    background-color: #FAFAFA;
    margin-top: 8px;
}

.relations_empty_text[b-7ec5squ4fk] {
    font-size: 13px;
    color: #9E9E9E;
    margin: 0;
}

/* ── Pagination ─────────────────────────────────────────────────────── */
.relations_pagination[b-7ec5squ4fk] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    margin-top: 10px;
}

.relations_page_btn[b-7ec5squ4fk] {
    width: 28px;
    height: 28px;
    border-radius: 7px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    background-color: #F5F5F5;
    border: 1px solid #E8E8E8;
    transition: background-color .12s;
}

    .relations_page_btn:hover[b-7ec5squ4fk] {
        background-color: #EEEDFE;
        border-color: #D9DAFF;
    }

.relations_page_btn_dis[b-7ec5squ4fk] {
    opacity: 0.35;
    cursor: default;
    pointer-events: none;
}

.relations_page_icon[b-7ec5squ4fk] {
    width: 12px;
    height: 12px;
}

.relations_page_number[b-7ec5squ4fk] {
    width: 28px;
    height: 28px;
    border-radius: 7px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-size: 12px;
    font-weight: 500;
    color: #5A5A5A;
    border: 1px solid transparent;
    transition: background-color .12s, color .12s;
}

    .relations_page_number:hover[b-7ec5squ4fk] {
        background-color: #F0F0F0;
    }

.relations_page_number_active[b-7ec5squ4fk] {
    background-color: #EEEDFE;
    border-color: #D9DAFF;
    color: #534AB7;
}

/* ── Responsive — mobile ────────────────────────────────────────────── */
@media screen and (max-width: 900px) {
    .relations_col_prop[b-7ec5squ4fk] {
        display: none;
    }

    .relations_col_dest[b-7ec5squ4fk] {
        flex: 1 1 auto;
        font-size: 13px;
    }

    .relations_col_actions[b-7ec5squ4fk] {
        flex: 0 0 60px;
    }

    .relations_list_header .relations_col_prop[b-7ec5squ4fk] {
        display: none;
    }

    .relations_node_card[b-7ec5squ4fk] {
        padding: 8px 10px 8px 0;
        min-height: 44px;
    }
}


/* ═══════════════════════════════════════════════════════════════════════
   Relation Edit Drawer
   Slide-in from the right; sits inside the NodeEditUI container.
   Add position: relative to the NodeEditUI host element so the drawer
   is scoped to the editor rather than the viewport.
   ═══════════════════════════════════════════════════════════════════════ */

/* ── Backdrop ────────────────────────────────────────────────────────── */
.rel-drawer-backdrop[b-7ec5squ4fk] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.35);
    z-index: 500;
    opacity: 0;
    pointer-events: none;
    transition: opacity .2s ease;
}

.rel-drawer-backdrop--visible[b-7ec5squ4fk] {
    opacity: 1;
    pointer-events: auto;
}
/* ── Drawer shell ────────────────────────────────────────────────────── */
.rel-drawer[b-7ec5squ4fk] {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 0;
    max-width: 92vw;
    background: #1e1e1e;
    border-left: 1px solid rgba(255, 255, 255, 0.07);
    display: flex;
    flex-direction: column;
    z-index: 1001;
    transform: translateX(100%);
    transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    border-radius: 16px 0 0 16px;
    box-shadow: -6px 0 24px rgba(0, 0, 0, 0.4);
    overflow: hidden;
    pointer-events: none;
    visibility: hidden;
    transition: transform .25s ease, visibility 0s linear .25s;
}

.rel-drawer--open[b-7ec5squ4fk] {
    width: 340px;
    transform: translateX(0);
    pointer-events: auto;
    visibility: visible;
    transition: transform .25s ease, visibility 0s linear 0s;
}

/* ── Header ──────────────────────────────────────────────────────────── */
.rel-drawer__header[b-7ec5squ4fk] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 20px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.07);
    flex-shrink: 0;
}

.rel-drawer__title[b-7ec5squ4fk] {
    font-size: 15px;
    font-weight: 600;
    color: #e8e8e8;
    letter-spacing: 0.01em;
}

.rel-drawer__close[b-7ec5squ4fk] {
    padding: 4px;
    min-width: unset;
    opacity: 0.6;
    transition: opacity 0.15s;
}

    .rel-drawer__close:hover[b-7ec5squ4fk] {
        opacity: 1;
    }

/* ── Relation flow visualisation ─────────────────────────────────────── */
.rel-drawer__flow[b-7ec5squ4fk] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 20px 20px 16px;
    background: rgba(122, 127, 255, 0.05);
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
    flex-shrink: 0;
}

/* Node pill */
.rel-flow-node[b-7ec5squ4fk] {
    display: flex;
    align-items: center;
    gap: 8px;
    background: #2a2a2a;
    border-radius: 10px;
    padding: 8px 10px;
    min-width: 0;
    flex: 1;
    border: 1px solid rgba(255, 255, 255, 0.08);
}

.rel-flow-node--source[b-7ec5squ4fk] {
    border-color: rgba(122, 127, 255, 0.3);
}

.rel-flow-node__icon[b-7ec5squ4fk] {
    flex-shrink: 0;
    opacity: 0.9;
}

.rel-flow-node__info[b-7ec5squ4fk] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.rel-flow-node__ref[b-7ec5squ4fk] {
    font-size: 12px;
    font-weight: 600;
    color: #e0e0e0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.rel-flow-node__type[b-7ec5squ4fk] {
    font-size: 10px;
    color: #888;
    margin-top: 2px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Connector arrow + label */
.rel-flow-connector[b-7ec5squ4fk] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 3px;
    flex-shrink: 0;
    width: 52px;
}

.rel-flow-connector__line[b-7ec5squ4fk] {
    width: 100%;
    height: 1px;
    background: linear-gradient(90deg, rgba(122,127,255,0.4), rgba(122,127,255,0.8));
}

.rel-flow-connector__label[b-7ec5squ4fk] {
    font-size: 9px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #7A7FFF;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 52px;
    text-align: center;
}

.rel-flow-connector__arrow[b-7ec5squ4fk] {
    display: flex;
    align-items: center;
    color: #7A7FFF;
}

/* ── Drawer body ─────────────────────────────────────────────────────── */
.rel-drawer__body[b-7ec5squ4fk] {
    flex: 1;
    overflow-y: auto;
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

    .rel-drawer__body[b-7ec5squ4fk]::-webkit-scrollbar {
        width: 4px;
    }

    .rel-drawer__body[b-7ec5squ4fk]::-webkit-scrollbar-thumb {
        background: rgba(255, 255, 255, 0.12);
        border-radius: 2px;
    }

/* ── Field (label + control) ─────────────────────────────────────────── */
.rel-drawer__field[b-7ec5squ4fk] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.rel-drawer__label[b-7ec5squ4fk] {
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: #888;
}

.rel-drawer__combobox[b-7ec5squ4fk],
.rel-drawer__textfield[b-7ec5squ4fk] {
    width: 100%;
}

.rel-drawer__hint[b-7ec5squ4fk] {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 12px;
    color: #666;
    margin-top: 2px;
}

/* ── Section divider + title ─────────────────────────────────────────── */
.rel-drawer__divider[b-7ec5squ4fk] {
    height: 1px;
    background: rgba(255, 255, 255, 0.07);
    margin: 0 -20px; /* bleed to edges */
}

.rel-drawer__section-title[b-7ec5squ4fk] {
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: #666;
    margin: 0;
}

/* ── Footer ──────────────────────────────────────────────────────────── */
.rel-drawer__footer[b-7ec5squ4fk] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    padding: 14px 20px;
    border-top: 1px solid rgba(255, 255, 255, 0.07);
    flex-shrink: 0;
}

.rel-drawer__btn[b-7ec5squ4fk] {
    border-radius: 10px;
    font-size: 14px;
    font-weight: 500;
    height: 38px;
    padding: 0 18px;
}

.rel-drawer__btn--cancel[b-7ec5squ4fk] {
    background: transparent;
    color: #aaa;
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: background 0.15s, color 0.15s;
}

    .rel-drawer__btn--cancel:hover[b-7ec5squ4fk] {
        background: rgba(255, 255, 255, 0.06);
        color: #e0e0e0;
    }

.rel-drawer__btn--save[b-7ec5squ4fk] {
    background: #7A7FFF;
    color: #fff;
    transition: background 0.15s, opacity 0.15s;
}

    .rel-drawer__btn--save:hover:not(:disabled)[b-7ec5squ4fk] {
        background: #6969e0;
    }

    .rel-drawer__btn--save:disabled[b-7ec5squ4fk] {
        opacity: 0.4;
        cursor: not-allowed;
    }

/* ── Responsive: full-width bottom sheet on narrow viewports ─────────── */
@media (max-width: 600px) {
    .rel-drawer[b-7ec5squ4fk] {
        top: auto;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        max-width: 100%;
        border-radius: 20px 20px 0 0;
        border-left: none;
        border-top: 1px solid rgba(255, 255, 255, 0.08);
        transform: translateY(100%);
        box-shadow: 0 -6px 24px rgba(0, 0, 0, 0.5);
        max-height: 80vh;
    }

    .rel-drawer--open[b-7ec5squ4fk] {
        transform: translateY(0);
    }
}

/* AI Operations shortcut button in section subtitles */
.ConceptHeaderActionButton_AIBtn[b-7ec5squ4fk] {
    background: linear-gradient(135deg, #7a7fff 0%, #9094ff 100%) !important;
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 5px 12px !important;
    transition: box-shadow 0.2s, opacity 0.2s;
}

    .ConceptHeaderActionButton_AIBtn:hover[b-7ec5squ4fk] {
        box-shadow: 0 0 8px 1px rgba(122, 127, 255, 0.45);
    }

.ai_shortcut_icon[b-7ec5squ4fk] {
    width: 13px !important;
    height: 13px !important;
    flex-shrink: 0;
}

.ConceptHeaderActionButton_AI[b-7ec5squ4fk] {
    margin-right: 4px;
}
/* _content/KBAI Editor/Components/NodeIconUI.razor.rz.scp.css */


.rootNodes_node_icon[b-yd8hqrrhqb] {
    width: 25px;
    height: 25px;
    filter: invert(42%) sepia(92%) saturate(595%) hue-rotate(205deg) brightness(106%) contrast(101%);
}

.favorite_tab_subtitle_icon[b-yd8hqrrhqb] {
    width: 18px;
    margin-right: 8px;
    height: fit-content;
    margin: auto 8px auto 0;
    filter: invert(42%) sepia(92%) saturate(595%) hue-rotate(205deg) brightness(106%) contrast(101%);
}

.openNode_subtitle_div[b-yd8hqrrhqb] {
    display: flex;
    align-items: center;
}

.div_navBar_node_iconWColor[b-yd8hqrrhqb] {
    width: 14px;
    height: 14px;
    max-width: 14px;
    max-height: 14px;
    margin: 0 8px 0 0!important;
}
.navBar_node_iconWColor[b-yd8hqrrhqb] {
    mask-size: contain;
    -webkit-mask-size: contain;
    mask-position: center;
    mask-repeat: no-repeat;
    background-color: #ff0c0c;
    width: 100%;
    height: 100%;
    transition: .1s;
    display: flex;
    align-items: center;
    justify-content: center;
}
/* _content/KBAI Editor/Components/NodeParcelUI.razor.rz.scp.css */

.more_menu_open[b-5ea827th83] {
    z-index: 100;
    display: block;
    width: fit-content;
    height: fit-content;
    position: absolute;
}
.navBar_node_dot[b-5ea827th83] {
    border-radius: 100%;
    color: #d6d6d7;
    margin-bottom: 5px;
    font-size: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.navBar_dot_div[b-5ea827th83] {
    height: 10px;
    display: flex;
    align-items: center;
    position: absolute;
    left: -10px;
}
@media screen and (max-width: 900px) {
    .navBar_dot_div[b-5ea827th83] {
        left: -9px !important;
    }
}
/* _content/KBAI Editor/Components/ProfileCard.razor.rz.scp.css */
.profile[b-xqen7zhhih] {
    display: flex;
    align-items: center;
}

    .profile .avatar[b-xqen7zhhih] {        
        flex: 1 0 auto;
    }

    .profile .avatar img[b-xqen7zhhih] {
        margin: 15px;
        height: 64px;
        width: 64px;
        border-radius: 32px;
    }

    .profile .info[b-xqen7zhhih] {
        margin: 0 2em;
        flex: 4 0 auto;
    }

        .profile .info > h3[b-xqen7zhhih] {
            margin: 0;
        }

        .profile .info > p[b-xqen7zhhih] {
            margin: 0;
        }
/* _content/KBAI Editor/Components/PromptEditor/PromptEditor.razor.rz.scp.css */
.pe-wrapper[b-qzlgt580oz] {
    position: relative;
    width:    100%;
}

/* ── Editor surface – mirrors FluentTextArea visual anatomy ──────────────── */
.pe-editor[b-qzlgt580oz] {
    display:        block;
    width:          100%;
    box-sizing:     border-box;

    /* Rows-driven minimum height. CSS var is set inline on the element. */
    min-height:     var(--pe-min-height, 88px);

    padding:        6px 11px;
    overflow-y:     auto;
    word-break:     break-word;
    white-space:    pre-wrap;
    outline:        none;
    cursor:         text;

    /* ── Fluent design tokens with sensible dark-mode fallbacks ── */
    background-color: var(--neutral-fill-input-rest,        rgba(255,255,255,0.06));
    color:            var(--neutral-foreground-rest,         #e8e8e8);
    font-family:      var(--body-font,                       'Segoe UI', system-ui, sans-serif);
    font-size:        var(--type-ramp-base-font-size,        14px);
    line-height:      var(--type-ramp-base-line-height,      1.55);
    border-radius:    calc(var(--control-corner-radius, 4) * 1px);

    /* FluentUI-style: thin top/sides border, thicker bottom accent */
    border-top:    1px solid var(--neutral-stroke-input-rest, rgba(255,255,255,0.09));
    border-left:   1px solid var(--neutral-stroke-input-rest, rgba(255,255,255,0.09));
    border-right:  1px solid var(--neutral-stroke-input-rest, rgba(255,255,255,0.09));
    border-bottom: 2px solid var(--neutral-stroke-input-rest, rgba(255,255,255,0.22));

    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.pe-editor:empty[b-qzlgt580oz]::before {
    content:        attr(data-placeholder);
    color:          var(--neutral-foreground-hint, rgba(255,255,255,0.28));
    pointer-events: none;
    display:        block;
}

.pe-editor:focus[b-qzlgt580oz] {
    border-bottom-color: var(--accent-fill-rest, #7a7fff);
    /* Subtle inner glow */
    box-shadow: inset 0 -2px 0 0 var(--accent-fill-rest, #7a7fff);
}

.pe-editor:hover:not(:focus)[b-qzlgt580oz] {
    background-color: var(--neutral-fill-input-hover, rgba(255,255,255,0.08));
    border-color:     var(--neutral-stroke-input-hover, rgba(255,255,255,0.16));
}
/* _content/KBAI Editor/Components/RootContextsUI.razor.rz.scp.css */
/* ── existing styles unchanged ──────────────────────────────────────── */

.favorite_tab_subtitle[b-iojg151z4q] {
    margin: 0 15px 0 0;
    display: flex;
    align-items: center;
}

[b-iojg151z4q] .favorite_tab_subtitle_icon {
    width: 12px !important;
    min-width: 12px !important;
}

[b-iojg151z4q] .div_openNode_actions_icon {
    margin-left: 5px;
    margin-right: 0;
}

[b-iojg151z4q] .div_openNode_actions_icon {
    display: flex;
    width: 30px !important;
    height: 30px !important;
    min-width: 14px !important;
    margin-top: 2px;
    cursor: pointer;
    align-items: center;
}

.div_dashboard_subheader_left .openNode_actions_icon[b-iojg151z4q] {
    max-width: 19px !important;
    max-height: 17px !important;
}

.openNode_actions_icon[b-iojg151z4q] {
    max-width: 19px;
    max-height: 13px;
}

[b-iojg151z4q] .favorite_open_icon {
    width: 18px;
    height: 18px;
}

[b-iojg151z4q] .root_expand_icon {
    width: 21px !important;
    height: 20px !important;
    max-width: 21px !important;
    max-height: 20px !important;
    transform: rotate(180deg);
}

[b-iojg151z4q] .loadingWARing {
    width: 22px;
}

[b-iojg151z4q] .favoride_node_card_WAOpen {
    min-width: 330px;
}

@media screen and (max-width: 1423px) {
    [b-iojg151z4q] .favoride_node_card_WAOpen {
        max-width: 500px;
        margin: 15px auto;
        width: 90%;
    }
}

[b-iojg151z4q] .previous_hierarchy_icon {
    width: 20px !important;
    height: 20px !important;
    transform: rotate(0deg);
    margin-right: 5px;
    margin-top: 2px;
}

.cloud_node_info_icon[b-iojg151z4q] {
    width: 15px;
    height: 15px;
    margin-top: 2px;
}

[b-iojg151z4q] #thought_modal::part(control):focus-visible {
    outline: none !important;
}

.div_thought_modal[b-iojg151z4q] {
    height: 100%;
    padding: 20px;
    position: relative;
}

.div_thought_main[b-iojg151z4q] {
    display: flex;
    flex-direction: column;
    margin: 1rem 0 3rem;
}

[b-iojg151z4q] #RootCreationTabs {
    width: 100%;
    min-height: 180px;
}

[b-iojg151z4q] #tab-1-panel, [b-iojg151z4q] #tab-2-panel {
    margin-top: 1rem !important;
}

.div_thoughtEditArea[b-iojg151z4q] {
    height: 100%;
    display: flex;
    align-items: flex-start;
}

[b-iojg151z4q] .div_thought_textArea {
    width: 90%;
    height: 100%;
    margin: 70px 0 5rem 0;
}

.div_editor_headerActions[b-iojg151z4q] {
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
    min-width: 130px;
    position: fixed;
    bottom: 2rem;
    right: 0rem;
    z-index: 10;
}

@media screen and (max-width: 900px) {
    .div_editor_headerActions[b-iojg151z4q] {
        display: none;
    }
}

.div_editor_save_icon[b-iojg151z4q] {
    width: 50px;
    height: 50px;
    min-width: 34px;
    border-radius: 100%;
    margin-right: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .4s;
}

    .div_editor_save_icon:hover[b-iojg151z4q] {
        width: 55px;
        height: 55px;
    }

        .div_editor_save_icon:hover .editor_save_icon[b-iojg151z4q] {
            width: 26px !important;
            height: 26px !important;
        }

.div_editor_icon_active[b-iojg151z4q] {
    background-color: #7A7FFF;
}

[b-iojg151z4q] .openNode_actions_menu {
    z-index: 100;
    display: block;
    width: fit-content;
    height: fit-content;
    border-radius: 10px;
    position: absolute;
    max-height: 200px;
    overflow: overlay;
    top: 0 !important;
    right: -140px;
}

.div_new_rootCard_add[b-iojg151z4q] {
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
}

.div_new_rootCard[b-iojg151z4q] {
    margin-top: 15px;
}

.new_rootCard[b-iojg151z4q], .div_newRoot_card_header[b-iojg151z4q] {
    justify-content: center;
    flex-direction: column;
}

.div_newRoot_ref[b-iojg151z4q] {
    min-width: 70% !important;
    width: 70% !important;
}

.div_newRoot_type[b-iojg151z4q] {
    min-width: 250px !important;
    width: calc(100% - 120px) !important;
}

[b-iojg151z4q] .type_input {
    width: 100% !important;
}

.div_newRoot_save[b-iojg151z4q], .div_newRoot_cancel[b-iojg151z4q] {
    width: 35px;
    height: 35px;
    min-width: 25px;
    border-radius: 100%;
    margin-right: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .4s;
}

.modalButton_text[b-iojg151z4q] {
    color: #FFFFFF;
    font-size: 14px;
}

[b-iojg151z4q] .editor_save_icon {
    width: 21px;
    height: 21px;
}

.div_newRoot_saveOrCancel[b-iojg151z4q] {
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: flex-end;
    margin-top: 2rem;
}

[b-iojg151z4q] .openNode_property_input {
    width: calc(100% - 120px) !important;
    min-width: 250px !important;
}

    [b-iojg151z4q] .openNode_property_input::part(root) {
        max-width: 100% !important;
    }

    [b-iojg151z4q] .openNode_property_input::after {
        max-width: 100% !important;
    }

[b-iojg151z4q] .type_input::part(control) {
    max-width: 100% !important;
}

@media screen and (max-width: 900px) {
    [b-iojg151z4q] .openNode_property_input {
        width: calc(100% - 120px) !important;
        min-width: 250px !important;
    }
}

.div_new_rootCard_addIcon[b-iojg151z4q] {
    margin: 0 10px;
    cursor: pointer;
}

.new_rootCard_addIcon[b-iojg151z4q] {
    width: 28px;
    transition: .2s;
}

    .new_rootCard_addIcon:hover[b-iojg151z4q] {
        width: 30px;
    }

@media screen and (max-width: 500px) {
    [b-iojg151z4q] .type_input::part(control) {
        max-width: 60%;
    }

    [b-iojg151z4q] .type_input::after {
        max-width: 60%;
    }

    [b-iojg151z4q] .openNode_property_input::part(root) {
        max-width: 60%;
    }

    [b-iojg151z4q] .openNode_property_input::after {
        max-width: 60%;
    }
}

[b-iojg151z4q] .div_modal_uploadFileButton {
    width: fit-content;
    bottom: 15px;
    right: 20px;
    border-radius: 5px;
    transition: .4s;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #eaeaea;
    padding: 10px 20px;
    margin: 0;
}

[b-iojg151z4q] .uploadFileButton_text {
    color: #696969;
    font-size: 14px;
}

.div_multiple_uploadCVS[b-iojg151z4q] {
    margin-top: 10px;
}

[b-iojg151z4q] .div_modalButton_inactive {
    background-color: #D9DAFF !important;
}

[b-iojg151z4q] .favorite_info_div {
    width: 80% !important;
}

.div_txt_searchbar[b-iojg151z4q] {
    z-index: 80;
    width: 100%;
    max-width: 400px;
    min-width: 100px;
    height: 40px;
    display: flex;
    margin: 0;
    padding: 0px 10px;
    border-radius: 20px;
    background-color: #F1F1F1;
    align-items: center;
}

.div_dashboard_subheader[b-iojg151z4q] {
    width: 95%;
    margin: 0 auto 2rem auto;
    display: flex;
    align-items: center;
    position: relative;
    justify-content: space-between;
    flex-wrap: wrap;
}

.div_dashboard_subheader_left[b-iojg151z4q] {
    min-width: fit-content;
    width: fit-content;
    height: 40px;
    display: flex;
    align-items: center;
}

.div_dashboard_subheader_right[b-iojg151z4q] {
    /*width: 50%;*/
    min-width: fit-content;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.dashboard_header_actions[b-iojg151z4q] {
    color: white;
    margin-right: 1rem;
    background-color: #7A7FFF;
    border-radius: 15px;
    height: 30px;
    padding: 5px 18px 5px 10px;
    transition: transform .15s;
    min-width: fit-content;
}

    .dashboard_header_actions .editor_save_icon[b-iojg151z4q] {
        width: 15px !important;
        height: 15px !important;
    }

@media screen and (max-width: 900px) {
    .dashboard_header_actions[b-iojg151z4q] {
        display: flex;
        justify-content: center;
        padding: 5px 10px 5px 10px;
    }

        .dashboard_header_actions p[b-iojg151z4q] {
            display: none;
        }
}

@media screen and (max-width: 600px) {
    .dashboard_header_actions[b-iojg151z4q] {
        margin-left: 0.5rem;
        margin-right: 0.5rem;
        padding: 5px 10px 5px 10px !important;
    }

        .dashboard_header_actions p[b-iojg151z4q] {
            display: none;
        }
}

@media screen and (max-width: 575px) {
    /*.div_dashboard_subheader_left, .div_dashboard_subheader_right {
        width: 100%;
        display: flex;
        justify-content: center;
    }*/

    /*.div_dashboard_subheader_right {
        margin-top: 5px;
    }*/

    .favorite_tab_subtitle[b-iojg151z4q] {
        font-size: 24px;
    }

    [b-iojg151z4q] .openNode_actions_icon {
        width: 20px !important;
        height: 20px !important;
        max-width: 20px !important;
        max-height: 20px !important;
    }
}

.favorite_tab_subtitle[b-iojg151z4q] {
    font-size: 22px;
}

.NoRootsText[b-iojg151z4q] {
    width: 95%;
    font-size: 14px;
    margin-top: 1rem;
    margin-left: 1rem;
    margin-bottom: 2rem;
}

    .NoRootsText span[b-iojg151z4q] {
        font-weight: 500;
    }

/* ── Mobile card actions ──────────────────────────────────────────── */
.div_root_actions_desktop[b-iojg151z4q] {
    display: flex;
}

.div_root_actions_mobile[b-iojg151z4q] {
    display: none;
}

.rootcontexts_title[b-iojg151z4q] {
    display:none;
}
@media screen and (max-width: 900px) {

    .rootcontexts_title[b-iojg151z4q] {
        display: block;
    }
    .div_root_actions_desktop[b-iojg151z4q] {
        display: none;
    }

    .div_root_actions_mobile[b-iojg151z4q] {
        display: flex;
        gap: 8px;
        margin-top: 10px;
        padding-top: 10px;
        border-top: 1px solid rgba(0, 0, 0, 0.07);
        width: 100%;
    }
}

.root_action_btn[b-iojg151z4q] {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 8px 10px;
    border-radius: 10px;
    border: none;
    background-color: #F5F5F5;
    font-size: 12px;
    color: #5A5A5A;
    cursor: pointer;
    transition: background-color .15s;
    min-height: 36px;
}
    .root_action_btn:active[b-iojg151z4q] {
        background-color: #EAEAEA;
    }

.root_action_btn_active[b-iojg151z4q] {
    border: none;
    background-color: #EEEDFF;
    color: #7a7fff;
}

.root_action_btn_primary[b-iojg151z4q] {
    border: none;
    background-color: #EEEDFF;
    color: #7a7fff;
}
    .root_action_btn_primary:active[b-iojg151z4q] {
        background-color: #D9DAFF;
    }

.root_action_btn_icon[b-iojg151z4q] {
    width: 15px;
    height: 15px;
    flex-shrink: 0;
}
.expand_btn[b-iojg151z4q] {
    transform: rotate(180deg);
}
/* _content/KBAI Editor/Components/SearchDialog.razor.rz.scp.css */
.body[b-715ye1v6cd] {
    overflow-y: overlay;
}

/* Handle */
[b-715ye1v6cd] ::-webkit-scrollbar-thumb {
    background: #C7C7C7;
    border-radius: 10px;
    border: 8px white solid;
}

.div_dialog_content[b-715ye1v6cd] {
    width: 100%;
    height: 100%;
    overflow-y: overlay;
}

[b-715ye1v6cd] .loadingWARing {
    width: 22px;
}

.nodes_loading_ring[b-715ye1v6cd] {
    height: 30vh;
    display: flex;
    align-items: center;
    justify-content: center !important;
}

.searchCloud_divider[b-715ye1v6cd] {
    width: 100%;
    border-color: #DADBFD;
}

[b-715ye1v6cd] .cloud_node_favicon {
    width: 13px !important;
}

.div_searchbar[b-715ye1v6cd] {
    width: 100%;
    display: flex;
    margin-bottom: 1rem;
    flex-direction: column;
    align-items: center;
}

.div_search[b-715ye1v6cd] {
    display: flex;
    margin: 2rem auto 0;
    padding: 0 !important;
    flex-direction: column;
    align-content: center;
}

.div_txt_searchbar[b-715ye1v6cd] {
    z-index: 95;
    width: 100%;
    max-width: 560px;
    min-width: auto;
    margin: auto;
    display: flex;
    padding: 14px 18px 14px 22px;
    border-radius: 30px;
    background-color: #FFFFFF;
    border: 1.5px solid #ECECF5;
    box-shadow: 0 2px 8px rgba(20, 20, 40, 0.05);
    flex-direction: row-reverse;
    transition: border-color .18s ease, box-shadow .18s ease;
}

    .div_txt_searchbar:focus-within[b-715ye1v6cd] {
        border-color: #B9BCFF;
        box-shadow: 0 4px 16px rgba(122, 127, 255, 0.18);
    }

.txt_searchbar[b-715ye1v6cd] {
    margin: auto;
    font-family: inherit;
    width: 100%;
    border: 0;
    outline: none;
    background: none;
    font-size: 14.5px;
    color: #242424;
}

    .txt_searchbar[b-715ye1v6cd]::placeholder {
        color: #9A9AA5;
    }

.div_txt_searchbar_icon[b-715ye1v6cd] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    min-width: 30px;
    border-radius: 100%;
    margin-right: 4px;
    cursor: pointer;
    background-color: #F3F4F9;
    transition: background-color .18s ease;
}

    .div_txt_searchbar_icon:hover[b-715ye1v6cd] {
        background-color: #EEEEFF;
    }

.txt_searchbar_icon[b-715ye1v6cd] {
    width: 15px;
    height: 15px;
}

.div_searchcloud_nav[b-715ye1v6cd] {
    display: flex;
    justify-content: center;
    margin-top: 5vh;
}

.div_searchcloud_navopt[b-715ye1v6cd] {
    display: flex;
    flex-direction: column;
    position: relative;
    z-index: 90;
}

.active_search_type[b-715ye1v6cd] {
    color: white !important;
    background: #7A7FFF !important;
}

.active_search_type_icon[b-715ye1v6cd] {
    width: 15px;
    height: 15px;
    margin-right: 6px;
}

.querySearch_icon[b-715ye1v6cd] {
    width: 17px;
    height: 17px;
    margin-right: 6px;
}

.querySearch_but_txt[b-715ye1v6cd] {
    margin: 0;
    padding: 6px 10px 6px 2px;
}

.div_predicate_suggestions[b-715ye1v6cd] {
    display: flex;
    flex-direction: column;
    max-height: 180px;
    overflow-y: scroll;
}

.div_predicate_suggestion[b-715ye1v6cd] {
    transition: .3s;
    border-radius: 4px;
    cursor: pointer;
}

    .div_predicate_suggestion:hover[b-715ye1v6cd] {
        background-color: #eeeeee;
    }

.p_predicate_suggestion[b-715ye1v6cd] {
    margin: 7px;
    font-size: 13px;
}

.btn_search_type[b-715ye1v6cd] {
    cursor: pointer;
    display: flex;
    align-items: center;
    margin: 5px;
    color: #5B5FC7;
    transition: .2s;
    padding: 11px 25px 11px 15px;
    border-radius: 11px;
    font-size: 13px;
    border: none;
    background: white;
    color: #727272;
    outline: none;
}

    .btn_search_type:hover[b-715ye1v6cd] {
        background: #eeeeee;
    }

.div_searchOptions[b-715ye1v6cd] {
    position: relative;
    display: flex;
    align-items: center;
    margin: 20px 0 0;
    width: 100%;
    max-width: 560px;
    justify-content: space-between;
    flex-wrap: wrap;
    row-gap: 10px;
}


.div_filter_box[b-715ye1v6cd] {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.div_filter_icon[b-715ye1v6cd] {
    display: flex;
    margin: 0;
}

.filter_icon[b-715ye1v6cd] {
    width: 15px;
    height: 15px;
}

.filter_txt[b-715ye1v6cd] {
    margin: 0 !important;
    font-size: 13px;
    font-weight: 600;
    color: #FFFFFF;
    white-space: nowrap;
}

.filter_txt_active[b-715ye1v6cd] {
    font-weight: 700;
}

[b-715ye1v6cd] > fluent-checkbox {
    display: flex;
    width: 100%;
    flex-direction: row-reverse;
    justify-content: space-between;
    padding: 0 10px 0 0;
}

[b-715ye1v6cd] .filters {
    z-index: 100;
    flex-direction: column;
    background-color: white;
    border-radius: 14px;
    min-width: 250px;
    min-height: 265px;
    max-height: 240px;
    padding: 14px;
    position: absolute;
    margin: 0 0 -310px -5px;
    box-shadow: 0 10px 28px rgba(20, 20, 40, 0.14);
    border: 1px solid #F0F0F5;
    top: 43px !important;
    left: 0 !important;
}

.filters_txt_highlight[b-715ye1v6cd] {
    margin: 0;
    font-size: 12px;
    font-weight: 600;
    color: #7A7FFF;
    width: 50px;
    min-width: 30px;
    height: 30px;
    border-radius: 8px;
    display: flex;
    text-align: center;
    justify-content: center;
    align-items: center;
    transition: background-color .18s ease;
}

    .filters_txt_highlight:hover[b-715ye1v6cd] {
        background-color: #EEEEFF;
    }

.filters_options_noResults[b-715ye1v6cd] {
    font-size: 13px !important;
    margin-left: 10px;
    color: #9A9AA5;
}

.div_filters_options[b-715ye1v6cd] {
    max-height: 160px;
    overflow-y: scroll;
    display: flex;
    flex-direction: column;
    align-items: start;
    grid-row-gap: 10px;
    margin: 20px 0;
}

.div_filters_header[b-715ye1v6cd] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 10px 0 0;
    padding: 0 10px;
}

.nodetype_checkbox_txt[b-715ye1v6cd] {
    font-size: 13px;
    color: #3B3B45;
}

.div_filter_txt[b-715ye1v6cd] {
    width: 100%;
    padding: 0 5px;
    border-radius: 5px;
    cursor: pointer;
}

    .div_filter_txt:hover[b-715ye1v6cd] {
        background-color: #eeeeee;
    }

.div_nodeType_filter[b-715ye1v6cd] {
    display: flex;
    width: 80%;
    margin: auto;
    z-index: 100;
    max-width: 33rem;
}

[b-715ye1v6cd] > .listbox {
    max-height: 100px;
}

.div_nodeType_filterSearch[b-715ye1v6cd] {
    width: 70%;
}

[b-715ye1v6cd] .nodeType_filterSearch_input {
    width: 100%;
}

.div_tips[b-715ye1v6cd] {
    display: none;
}

.div_tips_inner[b-715ye1v6cd] {
    display: flex;
    flex-direction: column;
}

.tip_text_icon[b-715ye1v6cd] {
    width: 13px;
    height: 13px;
}

#div_simplesearch_tip[b-715ye1v6cd] {
    z-index: 90;
    border-radius: 14px;
    background-color: #FAFAFF;
    border: 1px solid #E4E5FC;
    padding: 16px 22px 16px 18px;
    box-shadow: 0 10px 26px rgba(20, 20, 40, 0.12);
    position: absolute;
    margin-top: 58px;
    max-width: 90%;
}

.tip_title[b-715ye1v6cd] {
    margin: 0 0 0 5px !important;
    font-size: 10px !important;
    font-weight: 700;
    color: #5B5FC7;
    text-transform: uppercase;
    letter-spacing: .02em;
}

.tip_suggested_title[b-715ye1v6cd] {
    font-size: 10px !important;
    color: #5B5FC7;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .02em;
    margin: 0 0 0 5px !important;
}

.div_tip_examples[b-715ye1v6cd] {
    display: flex;
    align-items: center;
    margin-top: 6px;
    flex-wrap: wrap;
}

.div_tip_example[b-715ye1v6cd] {
    margin-left: 5px;
    border-radius: 7px;
    background-color: #E4E5FC;
}

.tip_example_text[b-715ye1v6cd] {
    margin: 4px 8px;
    font-weight: 600;
    font-size: 11px;
    color: #3B3B45;
}

.div_tip_title[b-715ye1v6cd] {
    display: flex;
    align-items: center;
    margin-bottom: 6px;
}

.tip_text[b-715ye1v6cd] {
    margin: 8px 0;
    font-size: 12.5px;
    color: #6B6B76;
    line-height: 1.4;
}

#div_querytextfield_predicate[b-715ye1v6cd] {
    min-width: 160px;
}

.div_querytextfield[b-715ye1v6cd] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background-color: #F1F1F1;
    border-radius: 10px;
    margin: 13px 13px 0 13px;
}

#div_querysection[b-715ye1v6cd] {
    margin: auto;
    width: 100%;
    display: none;
    flex-direction: column;
    align-items: center;
    margin-bottom: 2rem;
    position: relative;
    z-index: 95;
}

.p_querytextlabel[b-715ye1v6cd] {
    color: #727272;
    margin-bottom: 0;
    font-size: 8px;
    font-weight: 700;
}

.txt_subjectQuery[b-715ye1v6cd] {
    font-size: 14px;
    font-family: Segoe UI;
    padding: 12px 10px;
    z-index: 95;
    width: 190px;
    border: 0;
    outline: none;
    background: none;
}

.div_queriedstatements[b-715ye1v6cd] {
    display: flex;
    flex-direction: column;
}

.div_querysearch_button[b-715ye1v6cd] {
    width: 589px;
    display: flex;
    justify-content: flex-end;
}

.div_queryfield_del_icon[b-715ye1v6cd] {
    width: 34px;
    display: flex;
    justify-content: center;
}

.queryfield_del_icon[b-715ye1v6cd] {
    width: 18px;
    margin-top: 13px;
    cursor: pointer;
}

#div_queryfields[b-715ye1v6cd] {
    flex-wrap: wrap;
    margin: auto;
    flex-direction: row;
    align-items: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

.div_subjectQuery_tips[b-715ye1v6cd] {
    display: none;
}

#div_predicateQuery_tip[b-715ye1v6cd] {
    display: none;
    z-index: 0;
    border-radius: 10px;
    background-color: #F8F8FF;
    border: 0.08em solid #DADBFD;
    padding: 15px 10px 15px 10px;
    box-shadow: 0 6px 20px rgb(0 0 0 / 15%);
    position: absolute;
    margin-top: 55px;
    max-width: 90%;
    width: 190px;
}

.p_predicate_suggestion[b-715ye1v6cd] {
    font-size: 13px;
    margin: 13px 0 0 0;
}

#div_subjectQuery_tip[b-715ye1v6cd], #div_subject2Query_tip[b-715ye1v6cd] {
    display: none;
    z-index: 0;
    border-radius: 10px;
    background-color: #F8F8FF;
    border: 0.08em solid #DADBFD;
    padding: 15px 10px 15px 10px;
    box-shadow: 0 6px 20px rgb(0 0 0 / 15%);
    position: absolute;
    margin-top: 55px;
    max-width: 90%;
    width: 280px;
}

.div_addStatement[b-715ye1v6cd] {
    display: flex;
    justify-content: flex-end;
    max-width: 30rem;
}

.div_addStatement_icon[b-715ye1v6cd] {
    display: flex;
    align-items: center;
}

.addStatement_icon[b-715ye1v6cd] {
    width: 15px;
    height: 15px;
}

.querySearch_but[b-715ye1v6cd] {
    height: fit-content;
    margin-top: 20px;
    border-radius: 7px;
}

.querySearch_but_div[b-715ye1v6cd] {
    display: flex;
    align-items: center;
}

[b-715ye1v6cd] .div_concept_cloud {
    display: flex;
    width: 100%;
    margin: 1rem auto 0;
    justify-content: flex-start;
    flex-wrap: nowrap;
    min-height: 300px;
}


@media screen and (max-width: 900px) {
    [b-715ye1v6cd] .div_concept_cloud {
        max-height: calc(70vh - 300px);
        overflow: scroll;
    }

        [b-715ye1v6cd] .div_concept_cloud::-webkit-scrollbar-thumb {
            height: auto;
        }
}

.p_no_results[b-715ye1v6cd] {
    font-size: 14.5px;
    color: #6B6B76;
}

.div_cloud_node_addToHier[b-715ye1v6cd] {
    display: flex;
}

@media screen and (max-width: 720px) {
    .div_querytextfield[b-715ye1v6cd] {
        margin: 13px 0 0 0;
    }

    .div_queryfield[b-715ye1v6cd] {
        width: 85%;
    }

    #div_querysection[b-715ye1v6cd] {
        width: 100%;
    }

    #div_queryfields[b-715ye1v6cd] {
        width: 95%;
        flex-direction: column;
    }

    .div_querysearch_button[b-715ye1v6cd] {
        width: 100%;
        justify-content: center;
    }

    .txt_subjectQuery[b-715ye1v6cd] {
        width: 100%;
    }

    #div_predicateQuery_tip[b-715ye1v6cd] {
        right: 9%;
        z-index: 97;
    }
}

.div_searchmode_toggle[b-715ye1v6cd] {
    display: flex;
    align-items: center;
    padding: 3px;
    border-radius: 20px;
    background-color: #F3F4F9;
    gap: 2px;
}

.searchmode_btn[b-715ye1v6cd] {
    border: none;
    background: none;
    cursor: pointer;
    padding: 7px 14px;
    border-radius: 16px;
    font-size: 12.5px;
    font-weight: 600;
    font-family: inherit;
    color: #6B6B76;
    white-space: nowrap;
    transition: background-color .18s ease, color .18s ease;
}

    .searchmode_btn:hover[b-715ye1v6cd] {
        color: #3B3B45;
    }

.searchmode_btn--active[b-715ye1v6cd] {
    background-color: #7A7FFF;
    color: #FFFFFF;
}

    .searchmode_btn--active:hover[b-715ye1v6cd] {
        color: #FFFFFF;
    }

@media screen and (max-width: 480px) {
    .div_searchOptions[b-715ye1v6cd] {
        justify-content: center;
    }

    .div_filterOptions[b-715ye1v6cd] {
        justify-content: center;
        width: 100%;
    }

    .div_searchmode_toggle[b-715ye1v6cd] {
        width: 100%;
        justify-content: center;
    }

    .searchmode_btn[b-715ye1v6cd] {
        flex: 1;
        padding: 7px 10px;
        font-size: 12px;
    }

    [b-715ye1v6cd] .div_filter_trigger {
        padding: 8px 12px;
        margin: 0;
    }
}

.tooltiptext[b-715ye1v6cd] {
    padding: 12px 20px 15px 50px;
    background-color: #FAFAFD;
    border: 1px solid #F0F0F5;
    border-radius: 0 0 12px 12px;
}

[b-715ye1v6cd] .tooltiptext > p {
    margin: 0;
    font-size: 13px;
    color: #4A4A55;
    line-height: 1.45;
}


.button_searchAdd_AddHier[b-715ye1v6cd] {
    width: 100%;
    max-width: 300px;
    display: flex;
    padding: 12px 12px;
    cursor: pointer;
    border-radius: 12px;
    background-color: #7A7FFF;
    align-items: center;
    justify-content: center;
    transition: transform .15s ease, background-color .18s ease, box-shadow .18s ease;
}

    .button_searchAdd_AddHier:hover[b-715ye1v6cd] {
        background-color: #5B5FC7;
        transform: translateY(-1px);
        box-shadow: 0 6px 14px rgba(122, 127, 255, 0.3);
    }

.p_searchAdd_AddHier[b-715ye1v6cd] {
    color: white;
    font-size: 14px;
    font-weight: 600;
    margin: 0 0 0 12px;
}

.icon_searchAdd_AddHier[b-715ye1v6cd] {
    width: 18px;
    height: 18px;
}

.cloud_node_info_icon[b-715ye1v6cd] {
    width: 20px;
    height: 17px;
    margin-left: 10px;
}

[b-715ye1v6cd] .div_cloud_node_actions {
    min-width: 120px;
    height: 25px !important;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

[b-715ye1v6cd] .cloud_node {
    width: calc(100% - 120px);
}


.selected_filter_txt[b-715ye1v6cd] {
    margin: 0 0 0 5px !important;
    color: #5B60D2;
}

.sel_filter_txt_menu[b-715ye1v6cd] {
    margin: 5px 0;
    color: #5B60D2;
}

.filter_txt_menu[b-715ye1v6cd] {
    padding: 4px 0;
    font-size: 14px;
    margin: 0;
}

[b-715ye1v6cd] .div_filter_trigger {
    display: flex;
    align-items: center;
    gap: 7px;
    cursor: pointer;
    margin: 0 8px 0 0;
    padding: 8px 14px;
    background-color: #7A7FFF !important;
    border-radius: 20px;
    height: 35px;
    width: fit-content;
    justify-content: center;
    transition: background-color .18s ease, transform .15s ease;
}

    [b-715ye1v6cd] .div_filter_trigger:hover {
        background-color: #5B5FC7 !important;
        transform: translateY(-1px);
    }

.div_sortOptions[b-715ye1v6cd] {
    display: flex;
    align-items: center;
    position: relative;
}

.div_filterOptions[b-715ye1v6cd] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    row-gap: 8px;
    gap: 8px;
}

[b-715ye1v6cd] .sort_filters_pop {
    z-index: 100;
    flex-direction: column;
    background-color: white;
    border-radius: 10px;
    padding: 10px;
    position: absolute;
    width: 150px;
    height: 80px;
    margin: 0 0 -310px -5px;
    box-shadow: 0 6px 20px rgb(0 0 0 / 15%);
    top: 43px !important;
    left: 5px !important;
}
/* _content/KBAI Editor/Components/SignaturePad.razor.rz.scp.css */
.div_signaturePad[b-8dqkn8hr20] {
    /*width: 100%;
    margin-bottom: 10px;
    flex-direction: column;
    align-items: center;
    display: flex;*/
    width: 100%;
    position: relative;
}

.signature-pad-parent[b-8dqkn8hr20] {
    width: 100%;
    height: 500px;
    position: relative;
    border: 0.08em solid #c7c7c7;
    border-radius: 10px;
    display:flex;
}
.signature-pad[b-8dqkn8hr20] {
    /* width: 100%;
    height: 100%;
    border-radius: 10px;
    margin: auto;
    object-fit: contain;
    */
    border: 0.08em solid #c7c7c7;
    border-radius: 10px;
    object-fit: contain;
    border-color: #cfcfcf;
    width: 100%;
    aspect-ratio: 1/0.7;
}

.div_signature_actions[b-8dqkn8hr20] {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    color: #7A7FFF;
    max-width: 400px;
    width: 100%;
}

.div_signature_button p[b-8dqkn8hr20] {
    font-size: 13px;
}

.div_signature_clear[b-8dqkn8hr20] {
    width: 50%;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}
[b-8dqkn8hr20] .card-body {
    padding: 20px 0 10px 0 !important;
}
/* _content/KBAI Editor/Components/TemplateConstructor.razor.rz.scp.css */
[b-lf8sc7fb2b] fluent-tabs::part(activeIndicator) {
    width: 85%;
}

[b-lf8sc7fb2b] .loadingButton_label {
    color: black;
    margin: 5px 15px 0 0;
}
.div_loadingButton_icon[b-lf8sc7fb2b] {
    width: 18px;
    height: 28px;
    min-width: 18px;
    display: flex;
}
.div_loadingButton_icon[b-lf8sc7fb2b] {
    width: 18px;
    height: 28px;
    min-width: 18px;
    display: flex;
}

[b-lf8sc7fb2b] .genAI_Send_btn_loading::part(control) {
    background: #ffffff !important;
}

.div_modal_body[b-lf8sc7fb2b] {
    position: relative;
    /*min-height: 600px;*/
}

.div_modal_main[b-lf8sc7fb2b] {
    overflow: hidden!important;
}

.modal_tabs_icon[b-lf8sc7fb2b] {
    width: 11px;
    height: 12px;
    margin-right: 5px;
}

[b-lf8sc7fb2b] .modal_footer_icon {
    width: 14px;
    margin-right: 10px;
}

.div_genAI_textfield_input[b-lf8sc7fb2b] {

}
.div_genAI_textArea_input[b-lf8sc7fb2b] {

}
.GenAI_prompt_label[b-lf8sc7fb2b] {
    margin: 20px 0 10px 0!important;
}

[b-lf8sc7fb2b] .b-tree-view-node-title span {
    display: flex;
    align-items: center;
    border-radius: 10px;
    padding: 7px 10px !important;
}
[b-lf8sc7fb2b] .bg-primary {
    background-color: #A7AFFF !important;
}
    [b-lf8sc7fb2b] .bg-primary .navBar_node_icon {
        filter: invert(100%) sepia(4%) saturate(739%) hue-rotate(318deg) brightness(118%) contrast(100%) !important;
    }

#div_AIPrompt[b-lf8sc7fb2b] {
    width: 100%;
}
#div_introText[b-lf8sc7fb2b] {
    width: 100%;
    padding: 25px 10px 10px;
}
#introText[b-lf8sc7fb2b] {
    font-size: 14px;
}
.div_multipleNodes_textArea[b-lf8sc7fb2b] {
    width: 90%;
    min-height: 80%;
    margin: 30px 0 0 0;
}
[b-lf8sc7fb2b] .multipleNodes_textArea {
    width: 100%;
    margin-top: 20px;
    height: calc(100% - 3rem - 50px);
}
[b-lf8sc7fb2b] .multipleNodes_textArea {
    margin-top: 0px !important;
}
    [b-lf8sc7fb2b] .multipleNodes_textArea::part(control) {
        min-height: 150px !important;
    }
.div_genAI_Send_btn[b-lf8sc7fb2b] {
    width: 100%;
    display: flex;
}
[b-lf8sc7fb2b] .genAI_Send_btn {
    margin-left: auto;
}
[b-lf8sc7fb2b] #Tree-panel {
    width: 100%;
    height: 100%;
}
[b-lf8sc7fb2b] .Tree-panel-full {
    height: 100%!important;
}
    [b-lf8sc7fb2b] .Tree-panel-full .div_treeView_full {
        height: 100% !important;
    }

@media screen and (max-width: 1100px) {
    :: deep .type_input[b-lf8sc7fb2b]::part(control), [b-lf8sc7fb2b] .openNode_property_input::part(control) {
        max-width: 90% !important;
    }
}
[b-lf8sc7fb2b] .type_input, [b-lf8sc7fb2b] .openNode_property_input {
    margin-bottom: 10px;
    width: 100% !important;
    min-width: 250px !important;
}
[b-lf8sc7fb2b] .b-tree-view-node-icon {
    padding: 7px 5px 7px 0;
    cursor: pointer;
}
.nodeContent_left[b-lf8sc7fb2b], .nodeContent_right[b-lf8sc7fb2b] {
    display: flex;
    align-items: center;
}
.div_modalButton[b-lf8sc7fb2b] {
    width: fit-content;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .1s;
    background-color: #EEEEFF;
    padding: 10px 20px;
}
.div_modalButton_active[b-lf8sc7fb2b] {
    color: white;
    background-color: #7A7FFF !important;
}
.div_modalButton_inactive[b-lf8sc7fb2b] {
    color: white;
    background-color: #D9DAFF !important;
}
.tree_actions[b-lf8sc7fb2b] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.modal_footer[b-lf8sc7fb2b] {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-top: 1rem;
}

#div_treeView[b-lf8sc7fb2b] {
    width: 100%;
    transition: .2s;
    height: 100%;
    position: relative;
}
.div_treeView_full[b-lf8sc7fb2b] {
    height: 100% !important;
}
#div_treeView_header[b-lf8sc7fb2b] {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    min-height: 50px;
    margin-top: 15px;
}
[b-lf8sc7fb2b] .div_modal_body fluent-tabs {
    width: 100%;
}
[b-lf8sc7fb2b] .div_modal_body {
    max-height: fit-content;
    min-height: 350px;
    height: unset;
}
[b-lf8sc7fb2b] #treeView_Stack {
    height: 100%;
}
[b-lf8sc7fb2b] #introView_Stack {
    width: 100%;
    height: calc(100% - 50px);
    justify-content: space-between !important;
}
.headerIcon_dismiss[b-lf8sc7fb2b] {
    height: 14px !important;
}
.treeView_header[b-lf8sc7fb2b] {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    min-height: 50px;
}
.div_treeView_full[b-lf8sc7fb2b]  .b-tree-view {
    /*height: 100%;*/
    min-width: 435px;
    max-height: 435px;
}
[b-lf8sc7fb2b] .b-tree-view {
    border: solid #CFCFCF 0.01em;
    /*max-height: calc(50% + 10px);*/
    /*height: 100%;*/
    padding: 10px 40px 10px 0;
    min-width: 280px;
    overflow: auto;
    border-radius: 10px;
}

.header_selectedNode_icon[b-lf8sc7fb2b] {

}
.header_selectedNode_Ref[b-lf8sc7fb2b] {
    margin: 0;
    font-size: 16px;
    font-weight: 500;
}
.div_headerIcon[b-lf8sc7fb2b] {
    width: 35px;
    height: 35px;
    margin: 0 5px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
}
.headerIcon[b-lf8sc7fb2b] {
    width: 15px;
}
.headerIconLabel[b-lf8sc7fb2b] {
    margin: 0;
}
.headerLeft .div_headerIcon[b-lf8sc7fb2b] {
    margin: 0;
    width: fit-content;
}
    .headerLeft .div_headerIcon .headerIcon[b-lf8sc7fb2b] {
        width: 15px;
        margin-right: 7px;
    }
.headerLeft[b-lf8sc7fb2b] {
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.headerRight[b-lf8sc7fb2b] {
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.treeView_bodyFooter[b-lf8sc7fb2b] {
    bottom: 0;
    width: 100%;
    display: flex;
    position: absolute;
}
.div_treeOpenedItem[b-lf8sc7fb2b] {
    width: 100%;
    transition: .2s;
    height: calc(50% - 10px);
    position: relative;
    border-radius: 10px;
    border: solid #CFCFCF 0.01em;
    padding: 20px 10px 10px 20px;
}
.div_treeOpenedItem_closed[b-lf8sc7fb2b] {
    border: none;
    padding: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
}
[b-lf8sc7fb2b] .div_PropertyWithLabel {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-bottom: 10px;
    transition: .2s;
    width: 100%;
    align-items: center;
}
[b-lf8sc7fb2b] .openNode_property_label {
    margin: 0 0 0 0;
}

.selectedNodeIcon[b-lf8sc7fb2b] {
    width: 16px !important;
    min-width: 16px !important;
    max-width: 16px !important;
    max-height: 16px !important;
}

.div_modalButton_disable[b-lf8sc7fb2b]  {
    color: white;
}


.icon-button[b-lf8sc7fb2b] {
    border: none;
    border-radius: 10px;
    background-color: #7A7FFF;
    font-size: 18px;
    width: fit-content;
    height: 30px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 7px;
    margin-right: 1rem;
}
    .icon-button img[b-lf8sc7fb2b] {
        width: 12px;
        height: 12px;
        margin: 0 2px;
    }
    .icon-button p[b-lf8sc7fb2b] {
        font-size: 14px;
        color: #FFFFFF;
        margin-right: 10px;
        margin-bottom: 0;
        width: max-content;
    }

[b-lf8sc7fb2b] .ParentContextAutocomplete {
    margin-bottom: 2px;
}
@media screen and (max-width: 1100px) {
    [b-lf8sc7fb2b] .ParentContextAutocomplete {
        width: 100% !important;
    }
}
/* _content/KBAI Editor/Components/ThoughtsUI.razor.rz.scp.css */

.favorite_tab_subtitle[b-vnf0o5p1pt] {
    margin: 0 15px 0 0;
}
[b-vnf0o5p1pt] .favorite_tab_subtitle_icon {
    width: 12px !important;
    min-width: 12px !important;
}
[b-vnf0o5p1pt] .div_openNode_actions_icon {
    display: flex;
    width: 14px !important;
    min-width: 14px !important;
    margin-top: 3px;
    cursor: pointer;
    align-items: center;
}
.openNode_subtitle_div[b-vnf0o5p1pt] {
    width: fit-content;
    display: flex;
    align-items: center;
    position: relative;
}
[b-vnf0o5p1pt] .div_favorite_info {
    width: calc(100% - 75px);
}
[b-vnf0o5p1pt] .favorite_open_icon {
    width: 18px;
    height: 18px;
}
#map[b-vnf0o5p1pt] {
    width: 100%;
}

[b-vnf0o5p1pt] .tox .tox-editor-header, [b-vnf0o5p1pt] .tox-statusbar__text-container {
    display: none !important;
}
[b-vnf0o5p1pt] .tox-tinymce {
    min-height: 200px !important;
    border: 1px solid #eee !important;
    border-radius: 4px !important;
}
.mce-content-body[b-vnf0o5p1pt] {
    margin-right: 10px !important;
    margin-left: 10px !important;
}

.hidden_signaturepad[b-vnf0o5p1pt] {
    visibility: hidden;
    height: 0px;
}

.div_locationIcon[b-vnf0o5p1pt] {
    width: 40px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}
[b-vnf0o5p1pt] .location_input {
    display: flex;
    justify-content: flex-end;
    width: 100%;
}
    [b-vnf0o5p1pt] .location_input::part(root) {
        width: 70%;
    }
    [b-vnf0o5p1pt] .location_input::after {
        width: 70%;
    }
@media screen and (max-width: 900px) {
    [b-vnf0o5p1pt] .location_input {
        width: 100% !important;
    }
}
@media screen and (max-width: 1100px) {
    [b-vnf0o5p1pt] .location_input::part(root) {
        max-width: 70%;
    }
    [b-vnf0o5p1pt] .location_input::after {
        max-width: 70%;
    }
}

.div_locationField[b-vnf0o5p1pt] {
    margin-bottom: 2rem;
    justify-content: flex-end;
}
#div_openNode_location[b-vnf0o5p1pt] {
    display: flex;
    flex-direction: row;
    align-content: center center;
    margin: 20px 0;
}
.div_openNode_label_action[b-vnf0o5p1pt] {
    display: flex;
    align-items: center;
}
[b-vnf0o5p1pt] .openNode_property_label_icon {
    width: 13px;
    height: 13px;
    margin-left: 10px;
}
.p_openNode_label_action[b-vnf0o5p1pt] {
    color: #7A7FFF;
    font-size: 12px;
}

.div_dashboardCard_add[b-vnf0o5p1pt] {
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
}
.dashboardCard_list_div[b-vnf0o5p1pt] {
    align-items: center;
    justify-content: center;
    display: flex;
    flex-wrap: wrap;
    max-height: 90%;
    overflow-y: overlay;
}
.dashboardCard[b-vnf0o5p1pt] {
    width: fit-content;
    min-height: 110px;
    min-width: 110px;
    border-radius: 100%;
}

.div_modal_foot[b-vnf0o5p1pt] {
    position: absolute;
    width: fit-content;
    display: flex;
    bottom: 0;
    right: 0;
    justify-content: flex-end;
    align-items: flex-end;
}
.div_thoughtVisibility[b-vnf0o5p1pt] {
    margin: auto 15px auto 0;
}
[b-vnf0o5p1pt] .input_thought_url {
    margin-top: 20px !important;
}

.div_dashboardCard[b-vnf0o5p1pt] {
    margin-top: 15px;
}

[b-vnf0o5p1pt] .openNode_actions_menu {
    z-index: 100;
    display: block;
    width: fit-content;
    height: fit-content;
    border-radius: 10px;
    position: absolute;
    max-height: 200px;
    overflow: overlay;
    top: 0 !important;
    right: -140px;
}
.div_new_rootCard_add[b-vnf0o5p1pt] {
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
}
.div_new_rootCard[b-vnf0o5p1pt] {
    margin-top: 15px;
}

.new_rootCard[b-vnf0o5p1pt], .div_newRoot_card_header[b-vnf0o5p1pt], .dashboardCard[b-vnf0o5p1pt] {
    justify-content: center;
    flex-direction: column;
}
[b-vnf0o5p1pt] .type_input {
    width: 100%!important;
}

[b-vnf0o5p1pt] .editor_save_icon {
    width: 21px;
    height: 21px;
}
.openNode_actions_icon[b-vnf0o5p1pt] {
    max-width: 19px;
    max-height: 15px;
}
[b-vnf0o5p1pt] .openNode_property_input {
    width: 100% !important;
    min-width: 250px !important;
}
@media screen and (max-width: 900px) {
    [b-vnf0o5p1pt] .openNode_property_input {
        width: 100% !important;
        min-width: 100% !important;
    }
    .dashboard_header_actions[b-vnf0o5p1pt] {
        display: flex;
        justify-content: center;
        padding: 5px 10px 5px 10px;
    }
        .dashboard_header_actions p[b-vnf0o5p1pt] {
            display: none;
        }
}

[b-vnf0o5p1pt] #thought_modal::part(control):focus-visible {
    outline: none !important;
}

[b-vnf0o5p1pt] .p_cloud_contextDesc img {
    width: 100%;
    margin: 10px 0;
}

.div_cloudDesc[b-vnf0o5p1pt] {
    margin: 5px 0 0 0;
    width: calc(100% - 118px);
    overflow-wrap: break-word;
}

.div_thought_modal[b-vnf0o5p1pt] {
    height: 100%;
    padding: 20px;
    position: relative;
}
.div_thought_main[b-vnf0o5p1pt] {
    display: flex;
    flex-direction: column;
    height: calc(100% - 50px);
}

.div_thoughtEditArea[b-vnf0o5p1pt] {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 3rem;
}

[b-vnf0o5p1pt] .div_thought_textArea {
    width: 90%;
    height: 100%;
    margin: 40px 0 0 0;
}

[b-vnf0o5p1pt] .thought_textArea {
    width: 100%;
    height: 180px;
    margin-top: 20px;
    /*height: calc(100% - 3rem - 50px);*/
}
    [b-vnf0o5p1pt] .thought_textArea::part(control) {
        min-height: 180px;
    }

.div_modal_submitButton[b-vnf0o5p1pt] {
    margin: 0;
    right: 0;
    display: flex;
    transition: .4s;
    width: fit-content;
    position: relative;
    border-radius: 5px;
    align-items: center;
    padding: 10px 20px;
    justify-content: center;
    background-color: #EEEEFF;
}
.modalButton_text[b-vnf0o5p1pt] {
    color: #FFFFFF;
    font-size: 14px;
}

.div_node_card_footer[b-vnf0o5p1pt] {
    width: 100%;
    display: flex;
    justify-content: flex-end;
}

[b-vnf0o5p1pt] .visibility_user {
    padding: 5px 10px;
    border-radius: 20px;
}
[b-vnf0o5p1pt] .new_visibility_user_name::part(listbox) {
    max-height: 200px;
}


@media screen and (max-width: 1100px) {
    [b-vnf0o5p1pt] .new_visibility_user_name {
        min-width: 100%;
    }

    [b-vnf0o5p1pt] .visibility_user {
        max-width: 190px;
    }

    [b-vnf0o5p1pt] .openNode_property_input::part(root) {
        max-width: 100% !important;
    }
    [b-vnf0o5p1pt] .openNode_property_input::after {
        max-width: 60%;
    }

    /*::deep .visibility_user_name::part(control) {
        max-width: 60%;
    }
    ::deep .visibility_user_name::after {
        max-width: 60%;
    }*/
}

.add_topic_button[b-vnf0o5p1pt] {
    width: 50px;
    height: 30px;
    justify-content: flex-end;
}
.div_ThoughtsTopics[b-vnf0o5p1pt] {
    margin-bottom: 70px;
    margin-top: 30px;
}

@media screen and (max-height: 600px) {
    :: deep .div_thought_main[b-vnf0o5p1pt] {
        height: calc(100% - 90px);
        margin-top: 20px;
    }
}

[b-vnf0o5p1pt] .favorite_info_div {
    width: calc(100% - 70px) !important;
}
[b-vnf0o5p1pt] .favoride_node_card_WAOpen {
    min-width: 330px;
}
@media screen and (max-width: 1423px) {
    [b-vnf0o5p1pt] .favoride_node_card_WAOpen {
        max-width: 500px;
        margin: 15px auto;
        width: 90%;
    }
}

.div_editor_headerActions[b-vnf0o5p1pt] {
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
    min-width: 130px;
    position: fixed;
    bottom: 2rem;
    right: 0rem;
    z-index: 10;
}
.div_editor_save_icon[b-vnf0o5p1pt] {
    width: 50px;
    height: 50px;
    min-width: 34px;
    border-radius: 100%;
    margin-right: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .4s;
}
    .div_editor_save_icon:hover[b-vnf0o5p1pt] {
        width: 55px;
        height: 55px;
    }

        .div_editor_save_icon:hover .editor_save_icon[b-vnf0o5p1pt] {
            width: 26px !important;
            height: 26px !important;
        }
.div_editor_icon_active[b-vnf0o5p1pt] {
    background-color: #7A7FFF;
}

.div_txt_searchbar[b-vnf0o5p1pt] {
    z-index: 95;
    width: 100%;
    max-width: 400px;
    min-width: 100px;
    height: 40px;
    display: flex;
    margin: 0;
    padding: 0px 10px;
    border-radius: 20px;
    background-color: #F1F1F1;
    align-items: center;
}

.div_dashboard_subheader[b-vnf0o5p1pt] {
    width: 95%;
    margin: 0 auto 3rem auto;
    display: flex;
    align-items: center;
    position: relative;
    justify-content: space-between;
    flex-wrap: wrap;
}
.div_dashboard_subheader_left[b-vnf0o5p1pt] {
    width: 50%;
    min-width: 200px;
    height: 40px;
    display: flex;
    align-items: center;
}
.div_dashboard_subheader_right[b-vnf0o5p1pt] {
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
@media screen and (max-width: 575px) {
    .div_dashboard_subheader_left[b-vnf0o5p1pt] {
        display: none;
    }
    .div_dashboard_subheader_right[b-vnf0o5p1pt] {
        width: 100%;
        margin-top: 20px;
    }
    .favorite_tab_subtitle[b-vnf0o5p1pt] {
        font-size: 24px;
    }
    [b-vnf0o5p1pt] .div_openNode_actions_icon {
        margin-left: auto !important;
    }
    [b-vnf0o5p1pt] .dashboard_subheader_icon, .openNode_actions_icon[b-vnf0o5p1pt] {
        width: 20px !important;
        height: 20px !important;
        max-width: 20px !important;
        max-height: 20px !important;
    }
}

[b-vnf0o5p1pt] .favorite_tab_icon {
    width: 15px;
}
.dashboard_subheader_icon[b-vnf0o5p1pt] {
    width: 22px !important;
}

.favorite_tab_subtitle[b-vnf0o5p1pt] {
    font-size: 22px;
}
.dashboard_header_actions[b-vnf0o5p1pt] {
    color: white;
    margin-right: 1rem;
    background-color: #7A7FFF;
    border-radius: 15px;
    height: 30px;
    padding: 5px 18px 5px 10px;
    transition: transform .15s;
    min-width: fit-content;
}

    .dashboard_header_actions .editor_save_icon[b-vnf0o5p1pt] {
        width: 15px !important;
        height: 15px !important;
    }

@media screen and (max-width: 600px) {
    .dashboard_header_actions[b-vnf0o5p1pt] {
        margin-right: .5rem;
        padding: 5px 10px 5px 10px !important;
    }
        .dashboard_header_actions p[b-vnf0o5p1pt] {
            display: none;
        }
}
.add_remove_toggle[b-vnf0o5p1pt] {
    color: #7A7FFF;
    width: 16px;
    height: 16px;
    padding: 0px;
}
.image-container[b-vnf0o5p1pt] {
    width: 100%; /* Adjust this to your desired width */
    overflow: hidden; /* Ensures that any overflow is hidden */
}
    .image-container img[b-vnf0o5p1pt] {
        width: 100%;
        height: 100%;
        object-fit: contain; /* Ensures the image scales down to fit within the container */
    }

.add_topic_label[b-vnf0o5p1pt] {
    margin: 0 5px 0 0;
    font-size: 13px;
    color: #7A7FFF;
}


.div_loadingButton_icon[b-vnf0o5p1pt] {
    width: 18px;
    height: 28px;
    min-width: 18px;
    display: flex;
    margin-left: 10px;
}

[b-vnf0o5p1pt] .fluent-autocomplete-multiselect div[role=listbox] fluent-option:not([disabled])[selectable]{
    border: none;
}

[b-vnf0o5p1pt] #NotesCollapse {
    border: none !important;
}

[b-vnf0o5p1pt] #NotesCollapse_Header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 0 10px 0;
    background: none;
}
/* _content/KBAI Editor/Components/TutorialDialog.razor.rz.scp.css */
/* Handle */
[b-zufaeskzb4] ::-webkit-scrollbar-thumb {
    background: #C7C7C7;
    border-radius: 10px;
    border: 8px #212121 solid;
}

.div_modal_body[b-zufaeskzb4] {
    margin: auto;
    display: flex;
    width: 100%;
    height: calc(100% - 50px);
    flex-direction: column;
    align-items: center;
    margin-bottom: 80px;
    max-height: calc(100vh - 200px);
    overflow: scroll;
}

@-webkit-keyframes display-none-transition {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}


.div_tutorialGraphics[b-zufaeskzb4] {
    width: 100%;
    height: 400px;
    max-height: calc(100vh - 300px);
    margin: auto;
    position: relative;
    padding: 20px 0 10px;
}

#div_tutorial_dots[b-zufaeskzb4] {
    text-align: center;
    margin: 1rem 0 0;
}

#tutorial_slideshow[b-zufaeskzb4] {
    width: 100%;
    height: 100%;
    max-width: 700px;
    margin: auto;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: space-between;
}

.div_dialog_content[b-zufaeskzb4] {
    width: 100%;
}

.mySlides[b-zufaeskzb4] {
    display: none;
    opacity: 0;
    transition: .5s;
    margin: auto;
    position: relative;
    max-width: calc(100% - 50px);
    max-height: calc(100% - 3rem);
}

.prev[b-zufaeskzb4], .next[b-zufaeskzb4] {
    cursor: pointer;
    position: absolute;
    user-select: none;
    display: flex;
    align-items: center;
    justify-content: center;
    top: calc(50% - 2rem - 10px);
    transition: .5s;
}

.prev[b-zufaeskzb4] {
    left: 15px;
}

.next[b-zufaeskzb4] {
    right: 15px;
}

.tutorial_arrows[b-zufaeskzb4] {
    width: 30px;
    height: 30px;
    transition: .5s;
    filter: invert(50%) sepia(86%) saturate(2943%) hue-rotate(217deg) brightness(105%) contrast(107%) opacity(0.6);
}

.next:hover .tutorial_arrows[b-zufaeskzb4], .prev:hover .tutorial_arrows[b-zufaeskzb4] {
    width: 33px;
    height: 33px;
    filter: invert(50%) sepia(86%) saturate(2943%) hue-rotate(217deg) brightness(105%) contrast(107%);
}

.next:hover[b-zufaeskzb4] {
    top: calc(50% - 2rem - 11.5px);
    right: 11.5px;
}

.prev:hover[b-zufaeskzb4] {
    top: calc(50% - 2rem - 11.5px);
    left: 11.5px;
}

#tutorial_prev[b-zufaeskzb4] {
    rotate: 180deg;
}

#tutorial_next[b-zufaeskzb4] {
}

.text[b-zufaeskzb4] {
    color: #f2f2f2;
    font-size: 15px;
    padding: 8px 12px;
    position: absolute;
    bottom: 8px;
    width: 100%;
    text-align: center;
}

.numbertext[b-zufaeskzb4] {
    top: 0;
    color: #f2f2f2;
    font-size: 12px;
    padding: 8px 12px;
    position: absolute;
    border-radius: 10px 0 10px 0;
    background-color: rgba(0, 0, 0, 0.4);
}

.dot[b-zufaeskzb4] {
    cursor: pointer;
    height: 10px;
    width: 10px;
    margin: 0 5px;
    background-color: #bbb;
    border-radius: 50%;
    display: inline-block;
    transition: background-color 0.6s ease;
}

    .dot.active[b-zufaeskzb4], .dot:hover[b-zufaeskzb4] {
        background-color: #717171;
    }

.fade[b-zufaeskzb4] {
    opacity: 1 !important;
    display: flex;
    -webkit-animation: display-none-transition 1s both;
    animation: display-none-transition 1s both;
}

.tutorial_img[b-zufaeskzb4], .tutorial_video[b-zufaeskzb4] {
    max-width: 100%;
    height: 100%;
    margin: auto;
    border-radius: 10px;
}

.div_tutorialDesc[b-zufaeskzb4] {
    width: 90%;
    padding: 10px;
    margin: 10px auto 0;
}

.p_tutorial_title[b-zufaeskzb4] {
    font-size: 20px;
    font-weight: 700;
}

.p_tutorial_desc[b-zufaeskzb4] {
    font-size: 14px;
}

.p_tutorial_close[b-zufaeskzb4] {
    color: #FFFFFF;
    font-size: 14px;
}

.tutorial_submit[b-zufaeskzb4] {
    position: unset;
    margin-left: 10px;
}

[b-zufaeskzb4] .div_modal_foot {
    margin: 1rem 1rem 1rem 0;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    position: absolute;
    bottom: 0;
}


.div_tutorialShowCheck[b-zufaeskzb4] {
    display: flex;
    align-items: center;
    margin-right: 1rem;
    cursor: pointer;
    height: 40px;
}

    .div_tutorialShowCheck label[b-zufaeskzb4] {
        font-size: 14px;
        margin-left: 10px;
        cursor: pointer;
    }

.tutorialShowCheck[b-zufaeskzb4] {
    cursor: pointer;
}

.div_modal_submitButton[b-zufaeskzb4] {
    margin: 0;
    display: flex;
    transition: .4s;
    width: fit-content;
    border-radius: 5px;
    align-items: center;
    padding: 10px 20px;
    justify-content: center;
    background-color: #EEEEFF;
}

.modalButton_text[b-zufaeskzb4] {
    color: #FFFFFF;
    font-size: 14px;
}
/* _content/KBAI Editor/Components/Welcome.razor.rz.scp.css */
.narrow[b-qpasxenepz] {
    max-width: 900px;
    margin: 0 auto;
}

.page-padding[b-qpasxenepz] {
    padding: 0;
}

.welcome.page > .narrow > img[b-qpasxenepz] {
    margin: 0 auto;
    display: block;
    width: 200px;
}

.welcome.page > .narrow > .menu[b-qpasxenepz] {
    width: 80%;
    justify-content: space-between;
    margin: 4rem auto;
    border-bottom: none;
}

    .welcome.page > .narrow > .menu > .menu-item[b-qpasxenepz] {
        background-color: inherit;
        margin: auto;
        font-size: 14px;
        min-height: 32px;
        border-bottom-color: rgb(98, 100, 167);
    }

.center[b-qpasxenepz] {
    text-align: center;
}

.sections > *[b-qpasxenepz] {
    margin: 4rem auto;
}

.error[b-qpasxenepz] {
    color: red;
}

@media screen and (max-width: 900px) {
    .page-padding[b-qpasxenepz] {
        padding: 0;
    }
}

.wrapperHelp[b-qpasxenepz] {
    display: flex;
    flex-direction: row;
    margin-top: 1rem;
    align-items: flex-start;
}
.wrapperHelp_div[b-qpasxenepz] {
    width: 50%;
    display: flex;
    align-items: center;
    flex-direction: column;
}
.wrapperHelp_Msg[b-qpasxenepz] {
    font-size: 9px;
    margin-bottom: 0;
}
.wrapperHelp_Btn[b-qpasxenepz] {
    color: #5B5FC7;
    cursor: pointer;
    font-size: 10px;
    font-weight: 600;
}
[b-qpasxenepz] #TabLoading_ring {
    height: 55px;
    width: 55px;
    margin: auto 3rem auto 0;
}

.div_loadingTitle[b-qpasxenepz] {
    max-width: 500px;
}

#loadingTitle_title[b-qpasxenepz] {
    line-height: 4rem;
    font-weight: 700;
    font-size: 4rem;
    color: #5B5FC7;
    text-align: left;
    /*max-width: 500px;*/
}

#loadingTitle_titleSpan[b-qpasxenepz] {
    font-weight: 500 !important;
}


.wapperTitleHeader[b-qpasxenepz], .wapperTitleHeader_mobile[b-qpasxenepz] {
    margin-bottom: 20px;
}

.wapperTitleHeader[b-qpasxenepz] {
    padding-right: 15px;
    text-align: left;
}

.wapperTitleHeader_mobile[b-qpasxenepz] {
    width: 90%;
    display: none;
    text-align: center;
    margin: 0 auto 1rem auto;
}

@media (max-width:900px) {
    .wapperTitleHeader[b-qpasxenepz] {
        display: none;
    }
    #LoginLogo[b-qpasxenepz] {
        width: 70% !important;
    }
    .wapperTitleHeader_mobile[b-qpasxenepz] {
        display: block;
    }
}

@media (max-width:336px) {
    #LoginLogo_label[b-qpasxenepz] {
        font-size: 12px !important;
    }
}

.wapperTitleHeader_mobile .div_LoginLogo[b-qpasxenepz] {
    width: 90%;
    max-width: 300px;
    margin: auto;
}

.wapperTitleHeader_mobile #LoginLogo_label[b-qpasxenepz] {
    margin: auto;
    width: fit-content;
    text-wrap: auto;
    word-break: break-word;
    white-space: pre-wrap !important;
    color: #212121;
}

.div_LoginLogo[b-qpasxenepz] {
    width: 90%;
    max-width: 400px;
}

#LoginLogo[b-qpasxenepz] {
    width: 100%;
}

#LoginLogo_label[b-qpasxenepz] {
    width: 61%;
    text-wrap: auto;
    margin-left: 39%;
    word-break: break-word;
    white-space: pre-wrap !important;
    color: #212121;
    font-size: 16px;
}

@media screen and (max-width: 900px) {
    #loadingTitle_title[b-qpasxenepz] {
        line-height: 2rem;
        font-size: 2rem;
    }
    [b-qpasxenepz] #TabLoading_ring {
        height: 25px;
        width: 25px;
        margin: auto 1rem auto 0;
    }
}

@media screen and (max-width: 420px) {
    .nodes_loading_ring[b-qpasxenepz] {
        width: calc(100% - 40px);
        margin: 0 10px 0 auto;
    }

    #TabLoading_ring[b-qpasxenepz] {
        height: 30px;
        width: 30px;
        margin: auto 1rem auto 0;
    }
}
/* _content/KBAI Editor/Components/WikiNote.razor.rz.scp.css */
#WikiNoteMCE[b-t3zywowxlw] {
    position: relative;
}

.div_Notes_tab_shrink[b-t3zywowxlw]  .tox .tox-editor-header {
    width: calc(100vw - 400px) !important;
    left: 377px !important;
    z-index: 90 !important;
}
[b-t3zywowxlw] .tox-menubar, [b-t3zywowxlw] .tox-toolbar__primary, [b-t3zywowxlw] .tox .tox-toolbar-overlord {
    background-color: transparent !important;
}
[b-t3zywowxlw] .tox .tox-toolbar__group {
    padding: 0 5px 0 5px !important;
}
[b-t3zywowxlw] .tox-anchorbar {
    display: none !important;
}
@media screen and (max-width: 900px) {
    [b-t3zywowxlw] .tox .tox-menubar {
        display: flex !important;
    }
}
@media screen and (max-width: 490px) {
    [b-t3zywowxlw] .tox .tox-menubar {
        display: none !important;
    }
}
[b-t3zywowxlw] .tox .tox-editor-header {
    padding: 4px 1rem !important;
    width: calc(100vw - 70px);
    top: 8rem;
    right: auto;
    left: 50px;
    height: fit-content;
    min-height: 60px;
    display: flex;
    align-items: center;
    box-shadow: rgb(0 0 0 / 10%) 0 0 6px 3px !important;
    justify-content: space-between;
    position: fixed;
    transition: .2s !important;
    border-radius: 100px;
    background-color: #FFFFFF;
    z-index: 90;
}
@media screen and (max-width: 900px) {
    [b-t3zywowxlw] .tox .tox-editor-header {
        left: 0 !important;
        right: 0 !important;
        margin: auto !important;
    }
    [b-t3zywowxlw] .div_newOpenNode_title {
        margin-left: 0!important;
    }
}

.tinyMCE_loading[b-t3zywowxlw] {
    position: absolute;
    background-color: #00000012;
    width: 100%;
    height: 100%;
    border-radius: 10px;
    bottom: 0;
    left: auto;
    right: auto;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
}
.div_genAI_textArea_output[b-t3zywowxlw] {
    border-radius: 10px;
    border-width: 1px;
    border: solid #E8E8E8;
    width: 100%;
    height: 250px;
    min-height: 250px;
    max-height: 500px;
    resize: vertical;
    overflow-y: scroll;
    padding: 20px;
    font-size: 14px;
}
[b-t3zywowxlw] .div_genAI_textArea_output::-webkit-scrollbar-thumb {
    background: #7A7FFF !important;
    border: none !important;
}
[b-t3zywowxlw] #openNode_property_input_purpose {
    width: 100% !important;
}

[b-t3zywowxlw] .modal_bottom {
    margin: 2rem 0 0 0;
    position: absolute;
    right: 0;
    bottom: 0;
    display: flex;
    flex-direction: row;
    width: 200px;
    align-items: center;
    justify-content: space-between;
}
[b-t3zywowxlw] .modalSubmitBtn {
    margin-top: 0;
    right: 0;
    position: unset;
}

.copyIcon[b-t3zywowxlw] {
    width: 14px;
    height: 15px;
}
[b-t3zywowxlw] .modal_SubmitBtn {
    margin-left: 1rem;
}

/* Handle */
[b-t3zywowxlw] ::-webkit-scrollbar-thumb {
    background: #C7C7C7;
    border-radius: 10px;
    border: 8px white solid;
}

[b-t3zywowxlw] > .blazor-context-menu--default {
    position: absolute;
}

.deleteBtn[b-t3zywowxlw] {
    background-color: white !important;
}
.deleteBtn p[b-t3zywowxlw] {
    color: #C4314B !important;
}
.div_editor_icon_cancel[b-t3zywowxlw] {
    background-color: #C4314B !important;
}

.div_Notes_tab[b-t3zywowxlw] {
    width: 100%;
    height: calc(100% - 60px);
    position: relative;
    /*min-height: calc(100vh - 118px);*/
}
[b-t3zywowxlw] .div_Notes_tab > :first-child {
    width: 100% !important;
    height: 100% !important;
}
[b-t3zywowxlw] .tox-tinymce {
    margin: 0;
    width: 100%;
    padding: 0 1rem 0 1.3rem;
    margin-top: 10rem;
    position: absolute;
    min-height: 100% !important;
    border: none;
}
.div_genAI_textArea_output[b-t3zywowxlw], [b-t3zywowxlw] .div_genAI_textArea_output .tox-tinymce {
    height: 250px;
    min-height: 250px !important;
}
[b-t3zywowxlw] #WikiNoteMCE_ifr .mce-content-body {
    overflow: scroll !important;
}
[b-t3zywowxlw] .tox-promotion {
    display: none !important;
}
[b-t3zywowxlw] .tox-edit-area > :first-child > :first-child > :first-child {
    overflow: scroll !important;
}
[b-t3zywowxlw] .mce-content-body {
    overflow: scroll !important;
}


[b-t3zywowxlw] .tox-edit-area html {
    overflow: scroll !important;
}
[b-t3zywowxlw] .tox-statusbar__branding {
    display: none !important;
}

[b-t3zywowxlw] .tox-mbtn:last-child {
    color: #5B60D2 !important;
}

[b-t3zywowxlw] .Notes_textArea {
    top: 10px;
    left: 0;
    position: absolute;
    min-height: 100% !important;
    margin-top: 0px !important;
    padding: 1rem 2rem 7rem 2rem;
    border: none;
    width: 100%;
    resize: none;
    color: #212121;
}
    [b-t3zywowxlw] .Notes_textArea:focus-visible, [b-t3zywowxlw] .Notes_textArea:focus {
        outline: none !important;
    }


@media screen and (max-width: 900px) {
    .openNode_type[b-t3zywowxlw] {
        display: none;
    }

    #editRel_modal .width_100[b-t3zywowxlw] {
        width: 100% !important;
    }

    [b-t3zywowxlw] .openNode_property_input_popup::part(root) {
        width: 100%;
    }

    [b-t3zywowxlw] .openNode_property_input_popup::part(control) {
        width: 100%;
    }

    [b-t3zywowxlw] .openNode_property_input_popup::after {
        width: 100%;
    }
}
.div_newOpenNode_title[b-t3zywowxlw] {
    max-width: calc(100% - 200px);
    margin-left: 2rem;
    width: 100%;
}
.newOpenNode_header[b-t3zywowxlw] {
    width: 100%;
}
.div_newOpenNode_title input[b-t3zywowxlw] {
    border: none;
    width: 100%;
    padding: 0;
    font-size: 20px;
    font-weight: 500;
}
    .div_newOpenNode_title input:focus-visible[b-t3zywowxlw], .div_newOpenNode_title input:focus[b-t3zywowxlw] {
        outline: none !important;
    }
.div_newOpenNode_title_notype[b-t3zywowxlw] {
    margin-left: 10px;
    max-width: calc(100% + 25px);
}
.newOpenNode_title[b-t3zywowxlw] {
    font-size: 20px;
    font-weight: 700;
    margin: 0;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.div_editor_tab_title_newNode[b-t3zywowxlw] {
    width: 100%;
    height: 60px;
    display: flex;
    overflow-x: clip;
    align-items: center;
    min-width: 210px;
    z-index: 80;
}
.node_editor_tab_header_content[b-t3zywowxlw] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
}
@media screen and (max-width: 1400px) {
    .div_openNode_title_Simple[b-t3zywowxlw] {
        max-width: calc(100% - 25px);
    }
}

@media screen and (max-width: 1200px) {
    .div_openNode_title_Simple[b-t3zywowxlw] {
        max-width: calc(100% - 25px);
    }
}

.div_openNode_title[b-t3zywowxlw] {
    max-width: 90%;
    transition: .2s;
    margin: auto 0 auto 10px;
}


.div_editor_save_icon[b-t3zywowxlw] {
    width: 50px;
    height: 50px;
    min-width: 34px;
    border-radius: 100%;
    margin-right: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .4s;
}

    .div_editor_save_icon:hover[b-t3zywowxlw] {
        width: 55px;
        height: 55px;
    }

        .div_editor_save_icon:hover .editor_save_icon[b-t3zywowxlw] {
            width: 26px !important;
            height: 26px !important;
        }

.div_editor_icon_active[b-t3zywowxlw] {
    background-color: #7A7FFF;
}

.div_editor_icon_disabled[b-t3zywowxlw] {
    background-color: #EEEEFF;
}

@media screen and (max-width: 900px) {
    .WikiNotesHeader_Right .icon-button[b-t3zywowxlw] {
        width: fit-content;
    }
        .WikiNotesHeader_Right .icon-button p[b-t3zywowxlw] {
            display: none;
        }
    #FindRelationsButton[b-t3zywowxlw] {
        display: none !important;
    }
}

[b-t3zywowxlw] .node_header_actions_menu {
    z-index: 1000;
    width: fit-content;
    min-width: 180px;
    height: fit-content;
    border-radius: 10px;
    top: 65px !important;
    left: auto !important;
    right: 0 !important;
}
    [b-t3zywowxlw] .node_header_actions_menu > ul > li:last-child {
        margin-bottom: 0 !important;
    }
.div_openNode_actions[b-t3zywowxlw] {
    width: calc(100% - 15px);
    min-width: 200px;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    height: fit-content;
    margin-left: 5px;
}
[b-t3zywowxlw] .div_node_more_opt {
    align-items: center;
    display: flex !important;
    cursor: default !important;
    padding: 5px 10px !important;
    margin-bottom: 5px !important;
    width: 100%;
}

.WikiNotesHeader_Right[b-t3zywowxlw] {
    margin-right: 1rem;
    margin-left: auto;
    display: flex;
    align-items: center;
    justify-content: center;
}
.icon-button[b-t3zywowxlw] {
    border: none;
    border-radius: 10px;
    background-color: #7A7FFF;
    font-size: 18px;
    width: fit-content;
    height: 30px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 7px;
    margin-right: 1rem;
}
    .icon-button img[b-t3zywowxlw] {
        width: 12px;
        height: 12px;
        margin: 0 2px;
    }
    .icon-button p[b-t3zywowxlw] {
        font-size: 14px;
        color: #FFFFFF;
        margin-right: 10px;
        margin-bottom: 0;
        width: max-content;
    }


/* Gen AI Tools */

[b-t3zywowxlw] .multipleNodes_textArea {
    margin-top: 0px !important;
}

    [b-t3zywowxlw] .multipleNodes_textArea::part(control) {
        padding: 1rem !important;
        border-width: 1px !important;
        border-radius: 5px !important;
        min-height: 200px !important;
        resize: vertical;
    }

[b-t3zywowxlw] #genAI_textArea_output {
    width: 100%;
    font-size: 14px;
    white-space: pre-wrap;
    max-height: 400px;
    min-height: 160px;
    padding: 10px;
    border-radius: 0 0 5px 5px;
    border-width: 1px;
    border-color: #F5F5F5;
    background-color: #FFFFFF;
    box-shadow: 0 3px 3px rgb(0 0 0 / 5%);
    resize: vertical;
    overflow: auto;
}

[b-t3zywowxlw] .genAI_textArea_output .tox-editor-container {
    min-height: 200px !important;
    max-height: 200px !important;
}

[b-t3zywowxlw] .genAI_outTypeInput {
    width: 100%;
    color: #1E1E1E;
    font-size: 14px;
    margin: 0 6px 0 0px;
}

    [b-t3zywowxlw] .genAI_outTypeInput::part(listbox) {
        max-height: 200px;
    }

[b-t3zywowxlw] .genAI_outTypeInput_half {
    width: 45%;
}

.div_modal_main[b-t3zywowxlw] {
    min-height: 250px !important;
    overflow:unset;
}

.div_insertMediaProperties[b-t3zywowxlw] {
    display: flex;
    flex-wrap: wrap;
    margin-top: 1rem;
    width: 100%;
}

.div_loadingButton_icon[b-t3zywowxlw] {
    width: 18px;
    height: 28px;
    min-width: 18px;
    display: flex;
}

.div_genAI_Send_btn[b-t3zywowxlw] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin: 1rem 0;
}
[b-t3zywowxlw] .genAI_Send_btn_loading::part(control) {
    background: #ffffff !important;
}

[b-t3zywowxlw] .loadingButton_label {
    color: black;
    margin: 5px 15px 0 0;
}

[b-t3zywowxlw] .genAI_outLevelInput {
    width: 45%;
    display: flex;
    align-items: center;
}

    [b-t3zywowxlw] .genAI_outLevelInput::part(label) {
        margin: 0 10px 0 0;
    }

    [b-t3zywowxlw] .genAI_outLevelInput::after {
        display: none;
    }

.genAI_genRefIcon[b-t3zywowxlw] {
    width: 18px;
    height: 18px;
}
/* Media Dialog */
[b-t3zywowxlw] .file-drop-zone {
    position: relative;
    border: dashed 2px transparent;
    border-radius: 6px;
    transition: border linear 0.2s;
}

    [b-t3zywowxlw] .file-drop-zone.hover {
        border: dashed 2px #7A7FFF;
    }

    [b-t3zywowxlw] .file-drop-zone::after {
        content: "Drop here";
        font-size: 24px;
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background-color: #fff;
        opacity: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: opacity ease 0.2s;
        pointer-events: none;
    }

    [b-t3zywowxlw] .file-drop-zone.hover::after {
        opacity: 0.8;
    }

.avatar-picture-inputfile-container[b-t3zywowxlw] {
    white-space: nowrap;
    width: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: baseline;
}

.selected-file-name[b-t3zywowxlw] {
    flex-grow: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-right: 10px;
    border-bottom: solid 1px #7A7FFF;
    padding: 8px 0 8px 10px;
    border-radius: 5px 5px 0 0;
    font-size: 14px;
    background-color: #eeeeee;
}

#media_dialog_top[b-t3zywowxlw] {
    margin-bottom: 1rem;
    width: 100% !important;
}

.error .caption[b-t3zywowxlw] {
    color: var(--mud-palette-error);
}

.error .selected-file-name[b-t3zywowxlw] {
    border-bottom-color: #7A7FFF;
}

.error .mud-input-helper-text[b-t3zywowxlw] {
    color: #7A7FFF;
}

.button_chooseFile[b-t3zywowxlw] {
    color: white;
    padding: 9px;
    font-size: 12px;
    border-radius: 4px;
    background-color: #595bd0;
}

[b-t3zywowxlw] .input_fileMessage {
    color: #a4a4a4;
    font-size: 12px;
}


[b-t3zywowxlw] .div_genAI_trans_output {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 3rem;
    margin-top: 2rem;
}
/* Handle */
.div_genAI_trans_output[b-t3zywowxlw]::-webkit-scrollbar-thumb {
    border: none !important;
}

.div_genAI_trans_copy[b-t3zywowxlw] {
    cursor: pointer;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.genAI_trans_copy_icon[b-t3zywowxlw] {
    width: 20px;
    height: 20px;
}

[b-t3zywowxlw] .genAI_trans_output {
    max-height: 200px;
    overflow: scroll;
    font-size: 14px;
    padding: 0 10px;
    width: calc(100% - 35px);
}

.div_translate_modal_main[b-t3zywowxlw] {
    height: 100%;
    padding: 5px 0;
    display: flex;
    outline: none;
    position: relative;
    flex-direction: column;
    justify-content: space-between;
    min-height: unset;
    width: 100%;
}

    .div_translate_modal_main .div_modal_top[b-t3zywowxlw] {
        margin-bottom: 0;
    }

        .div_translate_modal_main .div_modal_top[b-t3zywowxlw]  .modalSubmitBtn {
            margin: 0 !important;
            bottom: 0 !important;
        }

[b-t3zywowxlw] .div_modal_top {
    margin-bottom: 5rem;
    width: 100% !important;
}
[b-t3zywowxlw] .div_genAI_type_input {
    display: flex;
    justify-content: space-between;
    margin-bottom: 1rem;
}

.loadingtreecontent[b-t3zywowxlw] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100px;
    width: 100%;
}
.openSideBar_icon[b-t3zywowxlw] {
    width: 10px;
    transform: rotate(180deg);
}

.Details_OpenSidebar_button[b-t3zywowxlw] {
    display: none;
    margin-right: 1rem;
}

@media (max-width: 900px) {
    .Details_OpenSidebar_button[b-t3zywowxlw] {
        width: 30px;
        height: 30px;
        min-width: 20px;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
    }
}
@media (max-width: 500px) {
    .ConceptTopActionButton_active[b-t3zywowxlw] {
        width: 100px !important;
    }
    .Details_OpenSidebar_button[b-t3zywowxlw] {
        margin: 0 10px 0 auto!important;
    }
    .div_newOpenNode_title[b-t3zywowxlw] {
        min-width: calc(100% - 135px);
        margin: auto;
        width: 100%;
        border: solid #EFEFEF !important;
        padding: 1px 10px 1px 15px !important;
        border-radius: 10px !important;
    }
    .div_editor_tab_header[b-t3zywowxlw] {
        left: 0 !important;
        right: 0 !important;
        margin: auto !important;
        height: fit-content;
        padding: 20px 0;
    }
    .WikiNotesHeader_Right[b-t3zywowxlw] {
        margin-right: 1rem;
        margin-left: auto;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 10px auto 0;
    }
    [b-t3zywowxlw] .tox .tox-editor-header {
        top: 12rem !important;
    }
    [b-t3zywowxlw] .tox-tinymce {
        margin-top: 14rem !important;
    }
    .div_editor_tab_header[b-t3zywowxlw] {
        flex-wrap: wrap!important;
    }
}
.div_notebook_tab_header[b-t3zywowxlw] {
    width: 100%;
    height: 60px;
    display: flex;
    align-items: center;
    box-shadow: rgb(0 0 0 / 10%) 0px 5px 6px 0px;
    justify-content: space-between;
    position: relative;
}

.ConceptTopActionButton[b-t3zywowxlw] {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 20px;
    transition: transform .4s;
    padding: 10px 20px;
    margin-left: 10px;
}
    .ConceptTopActionButton p[b-t3zywowxlw] {
        margin: 0 10px 0 0;
        font-size: 14px;
        font-weight: 600;
        cursor: pointer;
    }
    .ConceptTopActionButton:hover[b-t3zywowxlw], .ConceptTopActionButton:hover p[b-t3zywowxlw], .ConceptTopActionButton:hover img[b-t3zywowxlw] {
        transform: scale(1.05);
    }
    .ConceptTopActionButton img[b-t3zywowxlw] {
        width: 15px;
        height: 15px;
        transition: transform .4s;
    }
.SaveButton p[b-t3zywowxlw] {
    color: #FFFFFF !important;
}
#FindRelationsButton p[b-t3zywowxlw] {
    color: #7A7FFF !important;
    width: max-content;
}
@media screen and (max-width: 1100px) {
    .SaveButton p[b-t3zywowxlw], #FindRelationsButton p[b-t3zywowxlw] {
        display: none;
    }
}

.ConceptTopActionButton_idle[b-t3zywowxlw] {
    background-color: #f1f1f1;
}

    .ConceptTopActionButton_idle p[b-t3zywowxlw] {
        color: #FFFFFF;
    }

.ConceptTopActionButton_active[b-t3zywowxlw] {
    background-color: #7A7FFF;
}

.ConceptTopActionButton_disabled[b-t3zywowxlw] {
    background-color: #EEEEFF;
}

    .ConceptTopActionButton_disabled p[b-t3zywowxlw], .node_more_opt_disabled[b-t3zywowxlw] {
        color: #727272;
    }

.ConceptTopActionButton_danger[b-t3zywowxlw] {
    background-color: #C4314B !important;
}

    .ConceptTopActionButton_active p[b-t3zywowxlw], .ConceptTopActionButton_idle p[b-t3zywowxlw], .ConceptTopActionButton_danger p[b-t3zywowxlw] {
        color: #FFFFFF;
    }

#ConceptAction_more_icon[b-t3zywowxlw] {
}

[b-t3zywowxlw] .ParentContextAutocomplete {
    margin-bottom: 2px;
}
@media screen and (max-width: 1100px) {
    [b-t3zywowxlw] .ParentContextAutocomplete {
        max-width: calc(100% - 76px) !important;
    }
}

.div_type_input[b-t3zywowxlw] {
    width: calc(100% - 120px) !important;
    min-width: 250px !important;
}
@media screen and (max-width: 900px) {
    .div_type_input[b-t3zywowxlw] {
        width: 100% !important;
    }
}

.div_modalButton_active[b-t3zywowxlw] {
    background-color: #7A7FFF !important;
}
.div_modalButton_inactive[b-t3zywowxlw] {
    background-color: #D9DAFF !important;
}
.modal_bottom_right[b-t3zywowxlw] {
    display: flex;
    align-items: center;
    margin-left: auto;
}
    .modal_bottom_right .div_modalButton[b-t3zywowxlw] {
        position: relative !important;
        margin-right: 1rem;
        left: 0 !important;
    }
.div_modalButton[b-t3zywowxlw] {
    top: 90%;
    left: calc(100% - 130px);
    position: sticky;
    width: fit-content;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .4s;
    background-color: #EEEEFF;
    padding: 10px 20px;
}
.modalButton_text[b-t3zywowxlw] {
    color: #FFFFFF;
    font-size: 14px;
}

.button_AddedParentContext[b-t3zywowxlw] {
    margin-left: 1rem;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.p_AddedParentContext[b-t3zywowxlw] {
    font-size: 14px;
    margin-bottom: 0;
    display: flex;
    align-items: center;
}
.div_AddedParentContext[b-t3zywowxlw] {
    width: stretch;
    display: flex;
    align-content: center;
}
[b-t3zywowxlw] .openNode_property_label {
    display: flex;
    align-items: center;
    min-width: 120px;
}

[b-t3zywowxlw] .rootCheckBox {
    margin-left: 120px;
    margin-right: 20px;
}

[b-t3zywowxlw] .genai_filedropzone {
    width: 100%;
}

    [b-t3zywowxlw] .genai_filedropzone .selected-file-name {
        border-radius: 5px !important;
        background-color: #f2f2f2 !important;
        position: relative;
    }

.selected-file-name .inputfile_labelText[b-t3zywowxlw] {
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px;
    width: 100%;
}
.inputfile_labelIcon[b-t3zywowxlw] {
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 35px;
    height: 35px;
}

.genAI_file_icon[b-t3zywowxlw] {
    width: 13px;
    height: 13px;
}

.GenAI_InputFillContainer[b-t3zywowxlw] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1rem;
}

.GenAI_InputFillContainer_wDismiss .genai_filedropzone[b-t3zywowxlw] {
    width: calc(100% - 40px);
}
/* _content/KBAI Editor/Components/WikiRelationFinder.razor.rz.scp.css */

[b-hpjnd9kqmf] .progressRing_div {
    min-height: 200px!important;
}
[b-hpjnd9kqmf] .buttonLoadingRing_div {
    margin:auto
    width: 100%;
    height: calc(100% - 5px);
    display: flex;
    align-items: center;
    justify-content: center;
}
[b-hpjnd9kqmf] .notebook_grid {
    width: 100%;
}
.div_notebook_grid[b-hpjnd9kqmf] {
    overflow-x: auto;
    display: flex;
    margin-top: 2rem;
    color: white;
    height: 100%;
    max-height: calc(100% - 160px);
    padding: 0 10px;
}

.notebook_header_right p[b-hpjnd9kqmf] {
    color: #7A7FFF !important;
    font-size: 12px;
    margin: 5px 0 0 0;
}
.notebook_header[b-hpjnd9kqmf] {
    color: white;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
    .notebook_header h2[b-hpjnd9kqmf] {
        margin: 0;
    }
    .notebook_header img[b-hpjnd9kqmf] {
        width: 27px;
        height: 27px;
        margin-right: 10px;
    }
.RelationsFinderBody[b-hpjnd9kqmf] {
    padding: 20px;
    height: unset;
    overflow-y: scroll;
    max-height: calc(100% - 150px);
    min-height: calc(100% - 150px);
}
.RelationsFinderBody_intro[b-hpjnd9kqmf] {
    margin: 0;
    color: white;
}
.overlay[b-hpjnd9kqmf] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent;
    z-index: 800;
}

.notebook[b-hpjnd9kqmf] {
    position: fixed;
    top: 0;
    right: 0;
    width: 500px;
    height: 100%;
    background-color: #303030;
    box-shadow: -6px 0 15px rgba(0,0,0,0.4);
    transform: translateX(100%);
    opacity: 0;
    transition: transform 0.4s ease, opacity 0.4s ease;
    z-index: 990;
}
    .notebook.show[b-hpjnd9kqmf] {
        transform: translateX(0);
        opacity: 1;
    }
@media screen and (max-width: 900px) {
    .notebook[b-hpjnd9kqmf] {
        width: 100%;
    }
    #FindRelationsButton[b-hpjnd9kqmf] {
        display: none!important;
    }
}

.noteCol[b-hpjnd9kqmf] {
}
.noteCol_Info[b-hpjnd9kqmf] {

}
.noteCol_Actions[b-hpjnd9kqmf] {
}
.noteCol_noteIcon[b-hpjnd9kqmf] {
    width: 16px;
    height: 16px;
    display: flex;
}
    .noteCol_noteIcon img[b-hpjnd9kqmf] {
        width: 100%;
    }
.noteCol_Actions[b-hpjnd9kqmf] {
    width: 30px;
    height: 30px;
    cursor: pointer;
    padding: 7px;
}
    .noteCol_Actions img[b-hpjnd9kqmf] {
        width: 100%;
    }
.noteCol_title[b-hpjnd9kqmf] {
    color: white;
    margin: 0 0 0 10px;
    font-size: 14px;
    font-weight: 500;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: calc(100% - 10px);
}
[b-hpjnd9kqmf] .col-justify-start {
    display: flex;
    align-items: center;
}
[b-hpjnd9kqmf] .col-sort-button::part(control), [b-hpjnd9kqmf] .paginator-nav {
    background: none;
    color: white;
    margin: 0 10px 0 auto;
}

.SetOrientationBtn_dep[b-hpjnd9kqmf], .SetOrientationBtn_inf[b-hpjnd9kqmf] {
    color: white;
    cursor: pointer;
    border-radius: 5px;
    width: calc(50% - 20px);
}
.SetOrientationBtn_dep[b-hpjnd9kqmf] {
    background-color: #50A1BCbd;
    margin-right: 10px;
}

.SetOrientationBtn_inf[b-hpjnd9kqmf] {
    background-color: #E38539bd;
    margin-left: 10px;
}

.div_table_remove[b-hpjnd9kqmf] {
    width: 30px;
    height: 20px;
}
.table_remove[b-hpjnd9kqmf] {
    width: 15px;
    height: 15px;
}

.MatchesList[b-hpjnd9kqmf] {
    padding-right: 10px;
    margin-bottom: 1rem;
    overflow-y: scroll;
}
.MatchParcel[b-hpjnd9kqmf] {
    width: 100%;
    height: fit-content;
    min-height: 50px;
    margin: .5rem 0;
    display: flex;
    border: 1px solid #ffffff4d;
    border-radius: 10px;
}
.MatchParcel:hover[b-hpjnd9kqmf] {
    border-color:#ffffff75;
}
.MatchParcel_info[b-hpjnd9kqmf] {
    width: calc(100% - 40px);
    display: flex;
    align-items: flex-start;
    justify-content: center;
    margin: 0 10px 0 15px;
    flex-direction: column;
}
    .MatchParcel_info h4[b-hpjnd9kqmf] {
        color: white;
        margin: 0;
        font-size: 16px;
    }
    .MatchParcel_info p[b-hpjnd9kqmf] {
        color: white;
        margin: 0;
        font-size: 12px;
    }
[b-hpjnd9kqmf] .MatchParcel_check {
    width: 40px;
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
}

.MatchesActionsContainer[b-hpjnd9kqmf] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
}

.RelationsActionsContainer[b-hpjnd9kqmf] {
    width: 100%;
    justify-content: space-evenly;
    align-items: center;
    height: 0;
    opacity: 0;
    overflow: hidden;
    transition: height 0.4s ease, opacity 0.4s ease;
}
    .RelationsActionsContainer.show[b-hpjnd9kqmf] {
        height: fit-content;
        opacity: 1;
        display: flex!important;
    }

.table_reference[b-hpjnd9kqmf] {
    margin: 0;
}

p[b-hpjnd9kqmf] {
    color: white;
}

.Matches_resultsMessage[b-hpjnd9kqmf] {
    font-size: 14px;
    margin: 4rem 0;
    font-style: italic;
}
.MatchesContainerTopMessage[b-hpjnd9kqmf] {
    font-style: normal !important;
    margin: 2rem 0;
}

.notebook_footer[b-hpjnd9kqmf] {
    width: calc(100% - 40px);
    bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    position: absolute;
}
.findMatchesBtn[b-hpjnd9kqmf] {
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 200px;
    width: 90%;
    height: 40px;
    transition: .2s;
}
    .findMatchesBtn:hover[b-hpjnd9kqmf] {
        transform: scale(1.01);
    }
    .findMatchesBtn p[b-hpjnd9kqmf] {
        margin: 0 10px 2px 0;
        color: white;
    }
    .findMatchesBtn img[b-hpjnd9kqmf] {
        width: 15px;
        height: 12px;
    }

.findMatchesBtn_back[b-hpjnd9kqmf] {
    filter: saturate(50%) !important;
}
    .findMatchesBtn_back p[b-hpjnd9kqmf] {
        margin: 0 !important;
    }

[b-hpjnd9kqmf] .button_disabled_bkg p {
    color: #555555 !important;
}
[b-hpjnd9kqmf] .button_disabled_bkg img {
    filter: invert(33%) sepia(0%) saturate(0%) hue-rotate(213deg) brightness(92%) contrast(85%);
}

.DependencyParcel[b-hpjnd9kqmf] {
}
.div_quickOrientation_dep[b-hpjnd9kqmf] {
    background-color: #50A1BCbd;
    cursor: pointer;
}
.div_quickOrientation_inf[b-hpjnd9kqmf] {
    background-color: #E38539bd;
    cursor: pointer;
}
.div_quickOrientation_Selected[b-hpjnd9kqmf] {
    width: 12px !important;
    border-radius: 10px 0 0 10px !important;
    height: -moz-available !important; /* WebKit-based browsers will ignore this. */
    height: -webkit-fill-available !important; /* Mozilla-based browsers will ignore this. */
    height: stretch !important;
    min-height: 100px !important;
}
.RelationTypeTablesContainer[b-hpjnd9kqmf] {
    display: flex;
    justify-content: space-between;
    margin-top: 2rem;
    width: 100%;
    flex-direction: column;
}
[b-hpjnd9kqmf] .QuickRelationType {
    width: 100%;
    margin: 10px 0 0 0;
}
    [b-hpjnd9kqmf] .QuickRelationType::part(listbox) {
        /*max-height: 200px !important;*/
    }
    [b-hpjnd9kqmf] .QuickRelationType::part(control) {
        /*max-width: 30%;*/
    }

.QuickRelationsInputs_Container[b-hpjnd9kqmf] {
    width: calc(100% - 60px);
    margin: 0 0 0 20px;
    display: flex;
    align-items: center;
    flex-direction: column;
    position: relative;
}
    .QuickRelationsInputs_Container .DependencyParcel[b-hpjnd9kqmf] {
        margin: 5px 0;
    }
    .QuickRelationsInputs_Container .Matches_resultsMessage[b-hpjnd9kqmf] {
        margin: 0 !important;
        text-align: start;
        width: 100%;
    }

[b-hpjnd9kqmf] .SelectedMatchesList {
    max-height: calc(100vh - 570px);
    min-height: 200px;
    height: 0;
    opacity: 0;
    overflow: hidden;
    transition: height 0.4s ease, opacity 0.4s ease;
}
    .SelectedMatchesList.show[b-hpjnd9kqmf] {
        overflow: scroll;
        height: fit-content;
        opacity: 1;
        margin: 2rem 0;
    }
.WikiTable_Dependencies[b-hpjnd9kqmf] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}
.WikiTable_Influences[b-hpjnd9kqmf] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}
.RelationTypesContainer[b-hpjnd9kqmf] {
    margin-top: 1rem;
}
.DependentyTypesContainer[b-hpjnd9kqmf], .InfluencesTypesContainer[b-hpjnd9kqmf] {
    flex-direction: column;
    display: flex !important;
    width: 100%;
    justify-content: space-evenly;
    height: 0;
    opacity: 0;
    overflow: hidden;
    transition: height 0.4s ease, opacity 0.4s ease;
}
    .DependentyTypesContainer h4[b-hpjnd9kqmf], .InfluencesTypesContainer h4[b-hpjnd9kqmf] {
        color: white;
        font-size: 18px;
    }
    .DependentyTypesContainer.show[b-hpjnd9kqmf] {
        margin-bottom: 2rem;
        height: unset !important;
        overflow: visible;
        opacity: 1;
    }

#combobox-with-both-autocomplete .listbox[b-hpjnd9kqmf] {
    max-height: 400px !important;
}
[b-hpjnd9kqmf] .QuickRelationType {
    width: 100%;
    margin: 10px 0 0 0;
}
    [b-hpjnd9kqmf] .QuickRelationType::part(listbox) {
        max-height: 200px !important;
    }

@media screen and (max-width: 500px) {
    [b-hpjnd9kqmf] .QuickRelationType::part(control) {
        max-width: 70%;
    }
    [b-hpjnd9kqmf] .QuickRelationType::after {
        max-width: 70%;
    }
    [b-hpjnd9kqmf] .QuickRelationType::part(listbox) {
        max-width: 80%;
    }
}

.MatchesContainer[b-hpjnd9kqmf] {
    margin-top: 2rem;
}
/* _content/KBAI Editor/Pages/Tab.razor.rz.scp.css */

[b-ctbhtv2ecx] #TabLoading_ring {
	height: 55px;
	width: 55px;
	margin: auto 3rem auto 0;
}

.div_loadingTitle[b-ctbhtv2ecx] {
	max-width: 500px;
}

#loadingTitle_title[b-ctbhtv2ecx] {
	line-height: 4rem;
	font-weight: 700;
	font-size: 4rem;
	color: #5B5FC7;
	text-align: left;
}

#loadingTitle_titleSpan[b-ctbhtv2ecx] {
	font-weight: 500 !important;
}

@media screen and (max-width: 760px) {
	#loadingTitle_title[b-ctbhtv2ecx] {
		line-height: 2rem;
		font-size: 2rem;
	}

	[b-ctbhtv2ecx] #TabLoading_ring {
		height: 25px;
		width: 25px;
		margin: auto 1rem auto 0;
	}
}

@media screen and (max-width: 420px) {
	.nodes_loading_ring[b-ctbhtv2ecx] {
		width: calc(100% - 40px);
		margin: 0 10px 0 auto;
	}

	#TabLoading_ring[b-ctbhtv2ecx] {
		height: 30px;
		width: 30px;
		margin: auto 1rem auto 0;
	}
}

.tab_page[b-ctbhtv2ecx] {
	height: 100%;
	width: 100vw;
}

#sideBar_manager_drawer[b-ctbhtv2ecx]::-webkit-scrollbar {
	height: 0;
	width: 25px;
}

#sideBar_manager_drawer[b-ctbhtv2ecx]::-webkit-scrollbar-thumb {
	background: #C7C7C7;
	border-radius: 10px;
	border: 8px #2A2B2F solid;
}



.sidebar_curtain[b-ctbhtv2ecx] {
	display: none;
	z-index: 95;
	width: 100vw;
	height: 100vh;
	top: 0;
	left: 0;
	position: absolute;
	background-color: rgb(0, 0, 0, 0);
}

@media print {
	.tab_page[b-ctbhtv2ecx] {
		height: 100%;
		overflow: visible;
	}
}

.div_SideBar_toggler[b-ctbhtv2ecx] {
	top: 70px;
	left: 8px;
	width: 36px;
	height: 36px;
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	z-index: 100;
	transition: .5s;
}

@media screen and (max-width: 900px) {
	.div_SideBar_toggler[b-ctbhtv2ecx] {
		display: none;
	}
}

#div_SideBar_toggler_open[b-ctbhtv2ecx] {
	right: -16px;
	left: auto;
}

.WA_handler[b-ctbhtv2ecx] {
	width: 20px;
	left: 13.5px;
	position: absolute;
}

.div_openSideBar_icon[b-ctbhtv2ecx] {
	width: 36px;
	height: 36px;
	cursor: pointer;
	border-radius: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

#div_SideBar_toggler_open[b-ctbhtv2ecx] {
	right: -16px;
	left: auto;
}

.openSideBar_icon[b-ctbhtv2ecx] {
	margin-left: 4px;
	transition: 0s;
	width: 9px;
}

#openSideBar_icon_open[b-ctbhtv2ecx] {
	margin-right: 1px;
	transform: rotate(180deg);
	margin-left: 0 !important;
}


.Details_OpenSidebar_button[b-ctbhtv2ecx] {
	display: none;
	margin-left: 1rem;
}

.rootNfavorites_card[b-ctbhtv2ecx] {
	padding: 0;
	flex-direction: row;
	justify-content: flex-end;
}

@media (max-width: 900px) {
	.openSideBar_icon[b-ctbhtv2ecx] {
		width: 10px;
		transform: rotate(180deg);
	}

	.Details_OpenSidebar_button[b-ctbhtv2ecx] {
		width: 30px;
		height: 30px;
		min-width: 20px;
		display: flex;
		align-items: center;
		justify-content: center;
		cursor: pointer;
	}

	.rootNfavorites_card[b-ctbhtv2ecx] {
		margin: auto 0;
	}
}

@media (max-width: 535px) {
	.editor_tab_header[b-ctbhtv2ecx] {
		display: none;
	}

	.dashboardCard_list_div[b-ctbhtv2ecx] {
		margin: auto;
	}
}

[b-ctbhtv2ecx] .sideBar #resize {
	display: none;
}

[b-ctbhtv2ecx] #sideBar_open #resize {
	display: block !important;
}

.resize[b-ctbhtv2ecx] {
	background: #00000000;
	height: 100%;
	width: 10px;
	cursor: col-resize;
	flex-shrink: 0;
	position: absolute;
	z-index: 10;
	user-select: none;
	top: 0;
	left: auto;
	right: 0;
}

	.resize[b-ctbhtv2ecx]::before {
		content: "";
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		width: 5px;
		height: 14px;
		border-inline: 1px solid #fff;
	}

[b-ctbhtv2ecx] .mobile_nodeTopActionsSpinnner {
	margin-left: 3px;
	margin-right: 3px;
	width: 18px !important;
	height: 18px !important;
	min-width: 18px !important;
}

[b-ctbhtv2ecx] .openNode_actions_label {
	color: #C7C7C7;
	margin: 0 0 0 10px;
}

[b-ctbhtv2ecx] .mobile_actions_icon_wa, [b-ctbhtv2ecx] .mobile_actions_icon_root, [b-ctbhtv2ecx] .mobile_actions_icon_anchor {
	margin-left: 2px;
	margin-right: 2px;
	width: 20px !important;
	height: 24px !important;
}

[b-ctbhtv2ecx] .mobile_actions_icon_favorite, [b-ctbhtv2ecx] .mobile_openNode_actions_icon_ai {
	margin-left: 3.5px;
	margin-right: 3.5px;
	width: 17px !important;
	height: 24px !important;
}

[b-ctbhtv2ecx] .mobile_openNode_actions_icon_pick {
	width: 24px !important;
	height: 24px !important;
}

[b-ctbhtv2ecx] .mobile_openNode_actions_icon_chat, [b-ctbhtv2ecx] .mobile_openNode_actions_icon_browser {
	margin-left: 3.5px;
	margin-right: 3.5px;
	width: 17px;
	height: 24px;
	filter: invert(92%) sepia(0%) saturate(0%) hue-rotate(178deg) brightness(91%) contrast(83%);
}

[b-ctbhtv2ecx] .topNodeMoreMenu {
	position: absolute;
	z-index: 1000;
	background-color: #212121;
	box-shadow: none;
	left: calc(100% - 232px);
	/*top: -55px !important;*/
	right: 40px !important;
	max-width: 232px;
	width: 100%;
}

	[b-ctbhtv2ecx] .topNodeMoreMenu ul .div_openNode_actions {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		justify-content: flex-start;
		padding: 5px 10px;
		height: -webkit-fit-content !important;
		height: -moz-fit-content !important;
		height: stretch !important;
	}

		[b-ctbhtv2ecx] .topNodeMoreMenu ul .div_openNode_actions .div_openNode_actions_icon {
			width: 100% !important;
			height: 30px !important;
			justify-content: flex-start;
			margin: 5px 0;
		}

			[b-ctbhtv2ecx] .topNodeMoreMenu ul .div_openNode_actions .div_openNode_actions_icon .openNode_actions_icon {
				width: 24px !important;
				height: 24px !important;
			}

#sideBar[b-ctbhtv2ecx] {
	width: 27px !important;
	min-width: 27px !important;
}

#sideBar_open[b-ctbhtv2ecx] {
	width: calc(350px - .6rem);
	min-width: calc(350px - .6rem);
	padding: 15px 1rem 1rem 0.6rem;
	resize: horizontal;
	overflow-y: auto;
	margin-top: 50px;
	max-height: calc(100vh - 95px);
}

	#sideBar_open[b-ctbhtv2ecx]::-webkit-scrollbar-track {
		margin-right: 4px;
	}

@media screen and (max-width: 900px) {
	#sideBar[b-ctbhtv2ecx] {
		width: 0 !important;
		min-width: 0 !important;
	}

	#sideBar_open[b-ctbhtv2ecx] {
		max-width: 100vw !important;
		width: 100vw !important;
		resize: none;
		max-height: calc(100vh - 145px);
	}

	[b-ctbhtv2ecx] #sideBar_open #resize {
		display: none !important;
	}

	.resize[b-ctbhtv2ecx] {
		display: none;
	}

		.resize[b-ctbhtv2ecx]::before {
			display: none;
		}
}

@media screen and (min-width: 900px) {
	#sideBar_streched[b-ctbhtv2ecx] {
		width: 700px !important;
		padding: 1rem 1.5rem 1rem 0.6rem;
	}
}

@media screen and (max-width: 700px) {
	.div_strechSideBar_icon[b-ctbhtv2ecx] {
		display: none !important;
	}
}

@media screen and (min-width: 900px) {
	.div_SideBar_toggler:hover[b-ctbhtv2ecx] {
		width: fit-content;
		border-radius: 20px;
	}

		.div_SideBar_toggler:hover .div_strechSideBar_icon[b-ctbhtv2ecx] {
			display: flex !important;
		}

	#sideBar_open[b-ctbhtv2ecx] {
		max-width: calc(100vw - 200px) !important;
	}
}

.sideBar_container[b-ctbhtv2ecx] {
	opacity: 0;
	display: none;
	transition: .3s;
	margin-right: 0;
}

#sideBar_container_open[b-ctbhtv2ecx] {
	opacity: 1;
	display: block;
	/*height: calc(100% - 75px);*/
}

.WorkAreaTab_WA .navBar_rootnode_div[b-ctbhtv2ecx] {
	width: 100% !important;
}

[b-ctbhtv2ecx] .WorkAreaTab_WA {
	/*height: calc(100% - 75px);*/
	/*overflow: scroll;*/
	width: 100%;
	position: absolute;
	padding-right: 0 !important;
}

.narrow[b-ctbhtv2ecx] {
	max-width: 900px;
	margin: 0 auto;
}

.page-padding[b-ctbhtv2ecx] {
	padding: 4rem;
}

.welcome.page > .narrow > img[b-ctbhtv2ecx] {
	margin: 0 auto;
	display: block;
	width: 200px;
}

.welcome.page > .narrow > ul[b-ctbhtv2ecx] {
	width: 75%;
	justify-content: space-between;
	margin: 4rem auto;
}

	.welcome.page > .narrow > ul > li[b-ctbhtv2ecx] {
		background-color: inherit;
		margin: auto;
	}

		.welcome.page > .narrow > ul > li > a[b-ctbhtv2ecx] {
			font-size: 16px;
			height: 32px;
			border-bottom-color: rgb(98, 100, 167);
		}

.center[b-ctbhtv2ecx] {
	text-align: center;
}

pre[b-ctbhtv2ecx] {
	overflow-x: scroll;
}

pre[b-ctbhtv2ecx],
div.error[b-ctbhtv2ecx] {
	background-color: #e5e5e5;
	padding: 1rem;
	box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
	border-radius: 3px;
	margin: 1rem 0;
}

code[b-ctbhtv2ecx] {
	background-color: #e5e5e5;
	display: inline-block;
	padding: 0px 6px;
	border-radius: 3px;
	box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
}

.error[b-ctbhtv2ecx] {
	color: red;
}

.profile[b-ctbhtv2ecx] {
	display: flex;
	margin: 1em 0;
	background-color: white;
	width: fit-content;
	box-shadow: 0px 8px 10px rgba(0, 0, 0, 0.1);
	border-radius: 3px;
}

	.profile > .avatar[b-ctbhtv2ecx] {
		margin: 2em 1em;
		height: 72px;
		width: 72px;
	}

	.profile > .info[b-ctbhtv2ecx] {
		margin: 2em 2em 0 0;
	}

		.profile > .info > h3[b-ctbhtv2ecx] {
			margin: 0;
		}

		.profile > .info > p[b-ctbhtv2ecx] {
			margin: 0;
		}




/* ------------------------------------------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------------------------------------------ */
/* ----------------------------------------------------------- Editor Styles - START ----------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------------------------------------------ */

.WorkAreaTab_TabIcon[b-ctbhtv2ecx] {
	width: 14px;
	height: 12px;
}

.WorkAreaTopActions[b-ctbhtv2ecx] {
	height: 20px;
	position: absolute;
	right: -17px;
	top: 12px;
	z-index: 100;
}

[b-ctbhtv2ecx] .WorkAreaTabs {
	height: 100%;
	position: relative;
}

.top_navbar_div[b-ctbhtv2ecx] {
	height: 48px;
	width: 100%;
	position: absolute;
	z-index: 100;
	background-color: #242424;
}

[b-ctbhtv2ecx] .NavNewNodeIcon {
	fill: white !important;
}

#div_NavNewNode[b-ctbhtv2ecx] {
	color: white;
	margin-right: 6rem;
	background-color: #7A7FFF;
	border-radius: 15px;
	padding: 5px 18px 5px 10px;
	transition: transform .15s;
}

	#div_NavNewNode:hover[b-ctbhtv2ecx], .dashboard_header_actions:hover[b-ctbhtv2ecx] {
		transform: scale(1.02);
	}

.dashboard_header_right[b-ctbhtv2ecx] {
	display: flex;
	align-items: center;
	justify-content: right;
	margin-right: 1rem;
}

@media screen and (max-width: 900px) {
	#div_NavNewNode[b-ctbhtv2ecx] {
		display: none;
	}
}

#p_NavNewNode[b-ctbhtv2ecx] {
	color: white;
}

.top_navbar[b-ctbhtv2ecx] {
	display: flex;
	align-items: center;
	height: 100%;
}

.ul_navBar_favorites[b-ctbhtv2ecx] {
	margin-bottom: 0;
	margin-left: 20px;
}

.div_nav_icon_inactive[b-ctbhtv2ecx] {
	background-color: transparent !important;
}

	.div_nav_icon_inactive:hover[b-ctbhtv2ecx] {
		background-color: #484848 !important;
	}

.div_nav_left[b-ctbhtv2ecx] {
	display: flex;
	align-items: center;
	margin: auto 0 auto 5px;
}

.div_nav_right[b-ctbhtv2ecx] {
	display: flex;
	align-items: center;
	margin: auto 10px auto auto;
	position: relative;
}

.MobileBottomMenu_Divider[b-ctbhtv2ecx] {
	border: 1px solid #dfdfdf;
	height: 100%;
}

[b-ctbhtv2ecx] #USerKBSelector {
	display: flex;
	cursor: pointer;
	position: relative;
	padding-left: 1rem;
	border-left: 1px solid white;
}

.ToolkitLogo[b-ctbhtv2ecx] {
	width: auto;
	height: 25px;
	margin: auto;
}

[b-ctbhtv2ecx] .div_ToolkitLogo {
	margin-right: 8px;
	padding: 0 10px;
	height: 30px;
	display: flex;
	justify-content: center;
	cursor: pointer;
	border-radius: 5px;
	transition: .2s;
	width: fit-content;
	background-color: transparent !important;
}

[b-ctbhtv2ecx] .div_nav_icon {
	margin-right: 10px;
	width: 30px;
	height: 30px;
	display: flex;
	justify-content: center;
	cursor: pointer;
	border-radius: 100%;
	transition: .2s;
}

.nav_icon[b-ctbhtv2ecx] {
	width: 18px;
}

.div_topMenu_option[b-ctbhtv2ecx] {
	display: flex;
	cursor: pointer;
	align-items: center;
	margin: 5px 0 5px;
	padding: 5px;
	border-radius: 5px;
	text-decoration: none;
	color: currentcolor;
}

	.div_topMenu_option:hover[b-ctbhtv2ecx] {
		background-color: #f2f2f2;
	}

.div_topMenu_dark_option[b-ctbhtv2ecx] {
	display: flex;
	cursor: pointer;
	align-items: center;
	margin: 5px 0 5px;
	padding: 5px;
	border-radius: 5px;
	text-decoration: none;
	color: white;
}

	.div_topMenu_dark_option:hover[b-ctbhtv2ecx] {
		background-color: #2A2B2F;
	}

.topMenu_option_icon[b-ctbhtv2ecx] {
	width: 13px;
	height: 13px;
	margin-right: 10px;
}

.topMenu_option_text[b-ctbhtv2ecx] {
	margin: 0;
	font-size: 14px;
}

[b-ctbhtv2ecx] .topMenu_Menu, [b-ctbhtv2ecx] .topMenu_CreateMenu {
	z-index: 100;
	flex-direction: column;
	background-color: #212121;
	border-radius: 0px 0px 0px 10px;
	padding: 5px 0 5px;
	position: absolute;
	box-shadow: 0 6px 20px rgb(0 0 0 / 15%);
	top: 40px !important;
	left: auto !important;
	border-radius: 10px;
}

[b-ctbhtv2ecx] .topMenu_Menu {
	right: 0 !important;
	min-width: 160px;
}

[b-ctbhtv2ecx] .topMenu_CreateMenu {
	right: 65px !important;
	min-width: 180px;
}

/* Quick Thought Popup */
.quickthought_popup_mobile[b-ctbhtv2ecx] {
	left: auto;
	position: absolute;
	right: auto;
	bottom: 100px;
	max-width: calc(100vw - 20px);
}


.quickthought_popup[b-ctbhtv2ecx] {
	width: 0px;
	height: 0px;
	max-width: 85vw;
	max-height: 90vh;
	background-color: #212121;
	border-radius: 20px;
	z-index: 99;
	box-shadow: 0 3px 5px rgba(0,0,0,0.2);
	opacity: 0;
	pointer-events: none;
	transition: height 0.1s ease, width 0.1s ease, opacity 0.1s ease, display 0.2s;
}

	.quickthought_popup.show[b-ctbhtv2ecx] {
		opacity: 1;
		pointer-events: auto;
		height: 500px;
		width: 700px;
	}

	.quickthought_popup.full[b-ctbhtv2ecx] {
		opacity: 0;
		transform: scale(2);
		pointer-events: none;
		display: none;
	}

.quickthought_popup-header[b-ctbhtv2ecx] {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 15px 20px;
}

.quickthought_popup-title[b-ctbhtv2ecx] {
	font-size: 18px;
	font-weight: bold;
	color: #fff;
	background-color: #212121;
	border: none;
}

	.quickthought_popup-title:focus-visible[b-ctbhtv2ecx] {
		outline: none !important;
	}

.header-actions[b-ctbhtv2ecx] {
	display: flex;
	gap: 10px;
}

.icon-button[b-ctbhtv2ecx] {
	background: none;
	border: none;
	color: #fff;
	font-size: 18px;
	width: 30px;
	height: 30px;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 7px;
}

	.icon-button img[b-ctbhtv2ecx] {
		width: 100%;
	}

.quickthought_popup-body[b-ctbhtv2ecx] {
	flex: 1;
	padding: 10px 20px;
	height: calc(100% - 140px);
}

	.quickthought_popup-body textarea[b-ctbhtv2ecx] {
		width: 100%;
		height: 100%;
		background-color: #303030;
		border: none;
		border-radius: 20px;
		padding: 15px;
		font-size: 16px;
		color: #fff;
		resize: none;
		outline: none;
	}

.quickthought_popup-footer[b-ctbhtv2ecx] {
	display: flex;
	justify-content: flex-end;
	padding: 15px 20px;
}


.save-button[b-ctbhtv2ecx], .cancel-button[b-ctbhtv2ecx] {
	background-color: #7A7FFF;
	color: #fff;
	border: none;
	border-radius: 10px;
	padding: 10px 20px;
	font-size: 16px;
	cursor: pointer;
	transition: background-color 0.2s ease;
}

	.save-button:hover[b-ctbhtv2ecx] {
		background-color: #6969e0;
	}

.cancel-button[b-ctbhtv2ecx] {
	margin-right: 1rem;
	background-color: #C4314B !important;
}

.save-button:hover[b-ctbhtv2ecx] {
	background-color: #6969e0;
}

[b-ctbhtv2ecx] .quickthought_popup form {
	height: 100%;
}

[b-ctbhtv2ecx] .mobile_quickcreate_menu {
	position: absolute;
	background-color: #212121;
	box-shadow: none;
	left: unset !important;
	top: unset !important;
	bottom: 130px !important;
	right: 45px !important;
	max-width: 232px;
	width: 100%;
}

[b-ctbhtv2ecx] .node_actions_menu {
	padding: 8px 0;
}

@media screen and (max-width: 900px) {
	.WikiNotesHeader_Right .icon-button[b-ctbhtv2ecx] {
		width: fit-content;
	}

		.WikiNotesHeader_Right .icon-button p[b-ctbhtv2ecx] {
			display: none;
		}
}

[b-ctbhtv2ecx] .node_more_actions_menu {
	min-width: 190px;
	overflow: scroll;
	max-height: calc(100vh - 10rem) !important;
}

[b-ctbhtv2ecx] fluent-tab:focus-visible {
	outline: none !important;
}

@media screen and (max-height: 600px) {
	[b-ctbhtv2ecx] .node_more_actions_menu {
		max-height: calc(100vh - 200px);
	}
}

.WA_more_divider[b-ctbhtv2ecx] {
	width: 95%;
	border: solid;
	border-width: 0.01em;
	border-color: #e9e9e9;
	margin: 8px 0 8px 4px;
}

.dropdown-toggle[b-ctbhtv2ecx] {
	outline: 0;
}

.svg_nav_icon[b-ctbhtv2ecx] {
	margin: auto;
	height: 100%;
}

.nav-item[b-ctbhtv2ecx] {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0 !important;
	width: 38px;
	height: 38px;
	margin: 0 auto 13px;
	background-color: transparent;
	border-radius: 10px;
	transition: .3s;
}

	.nav-item:hover[b-ctbhtv2ecx] {
		background-color: #7A7FFF;
	}

	.nav-item.active[b-ctbhtv2ecx] {
		background-color: #7A7FFF;
	}

.btn-toggle[b-ctbhtv2ecx] {
	padding: .25rem .5rem;
	font-weight: 600;
	color: rgba(0, 0, 0, .65);
	background-color: transparent;
}

	.btn-toggle:hover[b-ctbhtv2ecx],
	.btn-toggle:focus[b-ctbhtv2ecx] {
		color: rgba(0, 0, 0, .85);
		background-color: #4e4e4e;
	}

	.btn-toggle[aria-expanded="true"][b-ctbhtv2ecx] {
		color: rgba(0, 0, 0, .85);
	}

	.btn-toggle .arrow_expand[b-ctbhtv2ecx] {
		transform: rotate(0deg);
	}

.arrow_expand[b-ctbhtv2ecx] {
	transition: .2s;
}

.btn-toggle-nav a[b-ctbhtv2ecx] {
	padding: .1875rem .5rem;
	margin-top: .125rem;
	margin-left: 1.25rem;
}

	.btn-toggle-nav a:hover[b-ctbhtv2ecx],
	.btn-toggle-nav a:focus[b-ctbhtv2ecx] {
		background-color: #4e4e4e;
	}

.scrollarea[b-ctbhtv2ecx] {
	overflow-y: auto;
}


.navbar_titles[b-ctbhtv2ecx] {
}

.navbar_text[b-ctbhtv2ecx] {
	color: #D6D6D7 !important;
}

.navBar_node_dot[b-ctbhtv2ecx] {
	width: 10px;
	border-radius: 100%;
	color: #d6d6d7;
	margin-bottom: 5px;
	font-size: 25px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.nav-link.active[b-ctbhtv2ecx] {
	background-color: #7A7FFF !important;
}

[b-ctbhtv2ecx] .tox .tox-tbtn--enabled {
	background: #f2f2ff !important;
}

[b-ctbhtv2ecx] .tox .tox-tbtn:hover {
	background: #f2f2ff !important;
}

[b-ctbhtv2ecx] .tox .tox-split-button:hover {
	box-shadow: 0 0 0 1px #f2f2ff inset;
}

[b-ctbhtv2ecx] .tox .tox-collection--toolbar .tox-collection__item--active {
	background-color: #f2f2ff !important;
}

[b-ctbhtv2ecx] .tox .tox-mbtn:hover:not(:disabled):not(.tox-mbtn--active) {
	background: #f2f2ff !important;
}

[b-ctbhtv2ecx] .tox .tox-collection--list .tox-collection__item--active:not(.tox-collection__item--state-disabled) {
	background-color: #f2f2ff !important;
}

[b-ctbhtv2ecx] .blazor-context-menu__item--default-disabled {
	display: flex !important;
	cursor: default !important;
	padding: 5px 10px !important;
	align-items: center;
}

[b-ctbhtv2ecx] .tox .tox-mbtn:focus:not(:disabled) {
	background: #f2f2ff;
}

[b-ctbhtv2ecx] .tox .tox-mbtn--active {
	background: #f2f2ff;
}

[b-ctbhtv2ecx] > .tox .tox-collection--list .tox-collection__item--active {
	background-color: #f2f2ff;
}

[b-ctbhtv2ecx] > fluent-menu {
	display: none;
}

	[b-ctbhtv2ecx] > fluent-menu.visible {
		display: block;
		width: fit-content;
	}

.main_editor_tab[b-ctbhtv2ecx] {
	transition: .5s;
	margin-top: 70px;
	margin-left: 27px;
	width: calc(100% - 27px);
	height: calc(100vh - 48px);
	background-color: #FBFBFB;
	overflow-y: overlay;
	position: relative;
}

	.main_editor_tab[b-ctbhtv2ecx]::-webkit-scrollbar {
		width: 12px;
		height: 4px;
		background: rgb(243, 244, 249);
	}

	.main_editor_tab[b-ctbhtv2ecx]::-webkit-scrollbar-thumb {
		background: #2A2B2F !important;
	}

@media screen and (max-width: 900px) {
	.main_editor_tab[b-ctbhtv2ecx] {
		width: 100% !important;
		margin-left: 0 !important;
	}
}

.help_icon[b-ctbhtv2ecx] {
	width: 15px;
	height: 15px;
	margin-top: 2px;
	margin-left: 10px;
}

.main_editor_loading[b-ctbhtv2ecx] {
	justify-content: center;
	width: calc(100% - 47px);
	height: calc(100vh - 48px);
}

[b-ctbhtv2ecx] .blazor-context-submenu .blazor-context-menu__list {
	padding-right: 10px !important;
}

[b-ctbhtv2ecx] .blazor-context-menu__item--default-disabled {
	margin-bottom: 7px;
}

[b-ctbhtv2ecx] #BreadCrumbsMenu {
	z-index: 10000;
	margin-left: 10px;
	padding-left: 1rem;
	border-left: 1px solid white;
	margin-left: 10px;
}

.div_breadcrumb_arrows[b-ctbhtv2ecx] {
	display: flex;
	margin: 0 0 0 20px;
	align-items: center;
	min-width: fit-content;
}

.div_breadcrumb_arrow[b-ctbhtv2ecx] {
	border-radius: 100%;
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.div_breadcrumb_arrow_active[b-ctbhtv2ecx] {
	border-radius: 100%;
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	border-radius: 100%;
	transition: .3s;
}

	.div_breadcrumb_arrow_active:hover[b-ctbhtv2ecx] {
		background-color: #EEEEFF;
	}

.breadcrumb_arrow_right[b-ctbhtv2ecx] {
	width: 13px;
}

.breadcrumb_arrow_left[b-ctbhtv2ecx] {
	width: 13px;
	transform: rotate(180deg);
}

.breadcrumb_p[b-ctbhtv2ecx] {
	color: white;
	font-size: 13px;
}

[b-ctbhtv2ecx] .BreadCrumbItem {
	fill: white;
}

[b-ctbhtv2ecx] .actual_breadcrumb {
	display: flex;
	align-items: center;
}

.p_actual_breadcrumb[b-ctbhtv2ecx] {
	margin: 0 3px;
	font-weight: 700;
	display: -webkit-box !important;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	word-break: break-all;
}

@media screen and (max-width: 720px) {
	[b-ctbhtv2ecx] .MobileHiddenBreadParts {
		display: none !important;
	}
}

.hoverable_breadcrumb[b-ctbhtv2ecx] {
	margin: 0 3px;
	display: -webkit-box !important;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	word-break: break-all;
	max-width: 200px;
	cursor: pointer;
}

	.hoverable_breadcrumb:hover[b-ctbhtv2ecx] {
		text-decoration: underline;
	}

.breadcrumb_refresh_icon[b-ctbhtv2ecx] {
	width: 12px;
	height: 12px;
	margin-left: 5px;
}


.div_divider[b-ctbhtv2ecx] {
	display: flex;
	flex-direction: row;
	align-items: center;
}

.divider[b-ctbhtv2ecx] {
	border-style: solid;
	border-color: white;
	border-width: 27px 0 0 0;
	border-radius: 5px;
	width: 1px;
	margin-left: 6px;
	margin-right: 5px;
}

.div_dialog_content[b-ctbhtv2ecx] {
	height: 100%;
	padding: 15px 20px;
}

/* ===========================================================================
   Report type picker — redesigned
   (old FluentCard/FluentHorizontalScroll-based rules kept just below,
   commented out, in case anything needs reverting)
   =========================================================================== */

/*
::deep .reportType_card {
	transition: .2s;
	width: 110px;
	height: 110px;
}
::deep .div_reportIcon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
}
::deep .reportIcon {
	width: 30px;
	height: 30px;
}
.div_reportType {
	display: flex;
	align-items: center;
	flex-direction: column;
	padding: 15px 15px 10px;
	margin-bottom: auto;
	border-radius: 15px;
	min-width: 140px;
	max-width: 140px;
}
.div_reportType_selected {
	box-shadow: 0 0 0 1px #cecfff inset;
}
::deep .div_reportType:hover > .reportType_card {
	width: 112px !important;
	height: 112px !important;
	margin-top: -2px;
}
*/

.report_modal_scroll[b-ctbhtv2ecx] {
	width: 100%;
	margin-top: 2rem;
}

.report_section_label[b-ctbhtv2ecx] {
	margin: 0 0 14px 2px;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: .03em;
	text-transform: uppercase;
	color: #9B9BA8;
}

.report_type_grid[b-ctbhtv2ecx] {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(128px, 1fr));
	gap: 14px;
	width: 100%;
}

.reportType_card[b-ctbhtv2ecx] {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	width: 100%;
	padding: 20px 12px 16px;
	border: none;
	border-radius: 16px;
	background-color: #FFFFFF;
	box-shadow: 0 1px 2px rgba(20, 20, 40, 0.06), 0 0 0 1px #ECECF5 inset;
	cursor: pointer;
	font-family: inherit;
	transition: transform .18s ease, box-shadow .18s ease, background-color .18s ease;
}

	.reportType_card:hover[b-ctbhtv2ecx] {
		transform: translateY(-2px);
		box-shadow: 0 8px 18px rgba(122, 127, 255, 0.16), 0 0 0 1px #D9DAFF inset;
	}

	.reportType_card:focus-visible[b-ctbhtv2ecx] {
		outline: 2px solid #7A7FFF;
		outline-offset: 2px;
	}

.reportType_card--selected[b-ctbhtv2ecx] {
	background-color: #F5F5FF;
	box-shadow: 0 6px 16px rgba(122, 127, 255, 0.22), 0 0 0 2px #7A7FFF inset;
}

	.reportType_card--selected:hover[b-ctbhtv2ecx] {
		transform: translateY(-2px);
		box-shadow: 0 8px 20px rgba(122, 127, 255, 0.28), 0 0 0 2px #7A7FFF inset;
	}

.reportType_check[b-ctbhtv2ecx] {
	position: absolute;
	top: 8px;
	right: 8px;
	width: 18px;
	height: 18px;
	border-radius: 100%;
	background-color: #7A7FFF;
	color: #FFFFFF;
	display: flex;
	align-items: center;
	justify-content: center;
}

.reportType_icon_wrap[b-ctbhtv2ecx] {
	width: 64px;
	height: 64px;
	min-height: 64px;
	border-radius: 16px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #F3F4F9;
	color: #7A7FFF;
	margin-bottom: 10px;
	transition: background-color .18s ease, color .18s ease;
}

	.reportType_icon_wrap svg[b-ctbhtv2ecx] {
		width: 34px;
		height: 34px;
	}

	.reportType_icon_wrap .reportIcon[b-ctbhtv2ecx] {
		width: 34px;
		height: 34px;
	}

.reportType_card--selected .reportType_icon_wrap[b-ctbhtv2ecx] {
	background-color: #7A7FFF;
	color: #FFFFFF;
}

.reportType_text[b-ctbhtv2ecx] {
	font-size: 12.5px;
	font-weight: 600;
	color: #3B3B45;
	text-align: center;
	line-height: 1.3;
	margin: 0;
	max-width: 100%;
}

.reportType_card--selected .reportType_text[b-ctbhtv2ecx] {
	color: #5B5FC7;
}

@media screen and (max-width: 480px) {
	.report_type_grid[b-ctbhtv2ecx] {
		grid-template-columns: repeat(auto-fill, minmax(104px, 1fr));
		gap: 10px;
	}

	.reportType_card[b-ctbhtv2ecx] {
		padding: 16px 8px 12px;
	}

	.reportType_icon_wrap[b-ctbhtv2ecx] {
		width: 54px;
		height: 54px;
	}

		.reportType_icon_wrap svg[b-ctbhtv2ecx] {
			width: 28px;
			height: 28px;
		}

		.reportType_icon_wrap .reportIcon[b-ctbhtv2ecx] {
			width: 28px;
			height: 28px;
		}
}

/* ---- Options panel (Depth / Concept type / Numerate) ------------------------ */

.report_options_panel[b-ctbhtv2ecx] {
	margin-top: 1.75rem;
	padding: 18px 22px;
	border-radius: 16px;
	background-color: #FAFAFD;
	border: 1px solid #EFEFF7;
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.report_option_row[b-ctbhtv2ecx] {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 10px;
}

.report_level_pills[b-ctbhtv2ecx] {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px;
}

.div_reportLevel_buttons[b-ctbhtv2ecx] {
	display: flex;
	align-items: center;
	margin: 30px 0 1rem;
	flex-wrap: wrap;
	justify-content: center;
}

#report_levels[b-ctbhtv2ecx] {
	display: flex;
	align-items: center;
}

.button_reportLevel_text[b-ctbhtv2ecx] {
	color: white;
	font-size: 13px;
	font-weight: 600;
	display: flex;
	align-items: center;
	text-align: center;
}

.button_reportLevel[b-ctbhtv2ecx] {
	padding: 9px 18px;
	border-radius: 30px;
	background-color: #E3E4FF;
	transition: transform .15s ease, background-color .15s ease;
	cursor: pointer;
}

	.button_reportLevel .button_reportLevel_text[b-ctbhtv2ecx] {
		color: #5B5FC7;
	}

	.button_reportLevel:hover[b-ctbhtv2ecx] {
		transform: scale(1.04);
	}

@media screen and (max-width: 500px) {
	.button_reportLevel[b-ctbhtv2ecx] {
		padding: 8px 14px;
		border-radius: 14px;
	}
}

.button_reportLevel_selected[b-ctbhtv2ecx] {
	background-color: #7A7FFF !important;
}

	.button_reportLevel_selected .button_reportLevel_text[b-ctbhtv2ecx] {
		color: #FFFFFF;
	}


[b-ctbhtv2ecx] .reportType_card {
	transition: .2s;
}

#div_reportModal_main[b-ctbhtv2ecx] {
	width: 100%;
	height: calc(100% - 20px);
	position: relative;
	padding: 0 0 25px 0;
	display: flex;
	position: relative;
	flex-direction: column;
	justify-content: space-between;
}

.div_reportModal_reports[b-ctbhtv2ecx] {
	margin-top: 3rem;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: space-evenly;
}

[b-ctbhtv2ecx] .report_modal_bottom {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	margin-top: 2.5rem;
}

.report_action:hover > .report_action_icon[b-ctbhtv2ecx] {
	transform: scale(1.07);
}

.report_action_icon[b-ctbhtv2ecx] {
	width: 15px;
	height: 15px;
	transition: transform .2s;
}

.report_action[b-ctbhtv2ecx] {
	margin-left: 10px;
	display: flex;
}

#div_NewReportURL[b-ctbhtv2ecx] {
	display: flex;
	align-items: center;
	margin-right: 1rem;
}

.modal_bottom_right[b-ctbhtv2ecx] {
	display: flex;
	align-items: center;
	margin-left: auto;
	flex-wrap: wrap;
	gap: 12px;
}

	.modal_bottom_right .div_modalButton[b-ctbhtv2ecx] {
		position: relative !important;
		margin-right: 0 !important;
		left: 0 !important;
	}

.div_modalButton[b-ctbhtv2ecx] {
	top: 90%;
	left: calc(100% - 130px);
	position: sticky;
	width: fit-content;
	border-radius: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: transform .18s ease, box-shadow .18s ease, background-color .2s ease;
	background-color: #EEEEFF;
	padding: 11px 22px;
}

	.div_modalButton.div_modalButton_active:hover[b-ctbhtv2ecx] {
		transform: translateY(-1px);
		box-shadow: 0 6px 14px rgba(122, 127, 255, 0.3);
	}

.div_modalButton_disable[b-ctbhtv2ecx] {
	opacity: .55;
	cursor: not-allowed;
}

.div_modal_main[b-ctbhtv2ecx] {
	min-height: 250px !important;
}

.div_modal_AIOperations[b-ctbhtv2ecx] {
	margin: auto;
	display: flex;
	width: 100%;
	height: calc(100% - 50px);
	flex-direction: column;
	align-items: flex-start;
	max-height: calc(100vh - 20rem);
	overflow: scroll;
	padding: 10px;
	margin-bottom: 20px;
}

[b-ctbhtv2ecx] .div_modal_AIOperations fluent-radio-group {
	width: 100%;
	display: block;
}

#AIOperations_Description[b-ctbhtv2ecx] {
	margin: 0 0 20px 0;
}

.div_AIOperations_execBtn[b-ctbhtv2ecx] {
	display: flex;
	justify-content: flex-end;
}

.div_AIOperation[b-ctbhtv2ecx] {
	border: solid #dfdfdf 0.1em;
	margin: 0 10px 15px 0;
	border-radius: 10px;
	padding: 15px;
	width: 100%;
}

[b-ctbhtv2ecx] .div_AIOperation fluent-radio {
	display: flex;
}

.AIOperation_Reference[b-ctbhtv2ecx] {
	margin: 0;
}

.AIOperation_Description[b-ctbhtv2ecx] {
	margin: 10px 0 0;
}

.report_label[b-ctbhtv2ecx] {
	margin: 0 20px;
	font-size: 14px;
}

.div_modalButton_active[b-ctbhtv2ecx] {
	background-color: #7A7FFF !important;
}

.div_modalButton_inactive[b-ctbhtv2ecx] {
	background-color: #D9DAFF !important;
}

.div_editor_icon_disabled[b-ctbhtv2ecx] {
	background-color: #EEEEFF;
}
/* .div_reportType_text / .reportType_text (old wrapper-div version) and
   .div_reportType removed here — superseded by the redesigned
   .reportType_card / .reportType_text / .reportType_icon_wrap rules above,
   which would otherwise get clobbered by these later, same-specificity
   duplicates. See the commented block near the top of the report-picker
   section if you need the originals back. */
.div_PropertyWithLabel[b-ctbhtv2ecx] {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-evenly;
	margin-bottom: 2px;
	transition: .2s;
	min-height: 40px;
}

.report_label[b-ctbhtv2ecx] {
	margin: 0 20px;
	font-size: 14px;
}

.modalButton_text[b-ctbhtv2ecx] {
	color: #FFFFFF;
	font-size: 14px;
}

.multipleNodesN_input[b-ctbhtv2ecx], .multipleNodesType_input[b-ctbhtv2ecx] {
	width: 100%;
}

.div_multiple_nodes_modal[b-ctbhtv2ecx] {
	height: 100%;
	padding: 20px;
	position: relative;
}

.div_multiple_nodes_node[b-ctbhtv2ecx] {
	width: 100%;
	display: flex;
	margin: 10px 0;
	justify-content: space-between;
}

.div_multiple_nodes_main[b-ctbhtv2ecx] {
	display: flex;
	flex-direction: column;
	height: calc(90% - 60px);
	margin-bottom: 3rem;
	overflow: scroll;
}


#introductionModal_body[b-ctbhtv2ecx] {
	display: flex;
	align-items: center;
	width: 100%;
	height: calc(100% - 100px);
	padding: 10px;
}

#introductionModal_header[b-ctbhtv2ecx] {
	height: 65px;
	display: flex;
	align-items: flex-start;
	padding: 15px 15px 0 0;
}

.div_multiple_nodes_labels[b-ctbhtv2ecx] {
	width: 100%;
	display: flex;
	justify-content: space-between;
}

[b-ctbhtv2ecx] .div_node_more_subMenuQuick {
	padding: 10px 0 10px 5px !important;
}


[b-ctbhtv2ecx] .multipleNode_type_input {
	width: 100%;
	height: 3rem;
	max-width: 100px;
}

	[b-ctbhtv2ecx] .multipleNode_type_input::part(listbox) {
		max-height: 200px;
	}

[b-ctbhtv2ecx] .type_input {
	margin-top: 5px;
	margin-bottom: 10px;
	width: calc(100% - 10px);
}

.subtitle_add_icon path[b-ctbhtv2ecx] {
	fill: #5b5fc7 !important;
}

#div_multipleNodes_nodeList[b-ctbhtv2ecx] {
	overflow: scroll;
	max-height: 100%;
}

.div_modal_submitButton[b-ctbhtv2ecx] {
	width: fit-content;
	position: absolute;
	bottom: 15px;
	right: 20px;
	border-radius: 5px;
	transition: .4s;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #EEEEFF;
	padding: 10px 20px;
	margin: 0;
}

.div_multiple_nodes_input[b-ctbhtv2ecx] {
	width: calc(50% - 20px);
}

.multiple_nodes_label[b-ctbhtv2ecx] {
	width: 50%;
	font-size: 15px;
}

#div_node_more_opt_multi[b-ctbhtv2ecx] {
	min-width: 150px;
}

[b-ctbhtv2ecx] .node_more_opt {
	margin: 0;
	width: 100%;
	text-overflow: ellipsis;
	overflow: overlay;
	font-size: 14px;
}

.div_hidden_nodes_section[b-ctbhtv2ecx] {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid rgba(255,255,255,0.08);
}

.div_hidden_nodes_header[b-ctbhtv2ecx] {
	gap: .5rem;
	display: flex;
	align-items: center;
	justify-content: space-between;
	user-select: none;
	cursor: pointer;
}

.div_hidden_nodes_header_left[b-ctbhtv2ecx], .div_hidden_nodes_header_right[b-ctbhtv2ecx] {
	display: flex;
	align-items: center;
}

.hidden_nodes_title[b-ctbhtv2ecx] {
	font-size: 13px;
	font-weight: 600;
	color: #CFCFCF;
}

.hidden_nodes_list[b-ctbhtv2ecx] {
	display: flex;
	flex-direction: column;
	gap: .5rem;
}

.hidden_node_item[b-ctbhtv2ecx] {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: .5rem;
	padding: .5rem .75rem;
	border-radius: 8px;
	background: rgba(255,255,255,0.03);
}

.hidden_node_info[b-ctbhtv2ecx] {
	width: calc(100% - 65px);
	display: flex;
	align-items: center;
}

.hidden_node_reference[b-ctbhtv2ecx] {
	width: 99%;
	color: #B8B8B8;
	font-size: 12px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.hidden_nodes_show_all_btn[b-ctbhtv2ecx] {
	border: none;
	border-radius: 6px;
	padding: .1rem .5rem;
	margin-right: 5px;
	background: rgba(255,255,255,0.08);
	color: white;
	font-size: 12px;
	cursor: pointer;
	margin-left: auto;
}

	.hidden_nodes_show_all_btn:hover[b-ctbhtv2ecx] {
		background: rgba(255,255,255,0.14);
	}

.hidden_node_restore_btn[b-ctbhtv2ecx] {
	border: none;
	border-radius: 6px;
	padding: .35rem .75rem;
	background: #7A7FFF;
	color: white;
	font-size: 12px;
	cursor: pointer;
}

	.hidden_node_restore_btn:hover[b-ctbhtv2ecx] {
		opacity: .9;
	}

[b-ctbhtv2ecx] .nodeWA_actionButtons {
	width: 22px;
	display: flex;
	align-items: center;
	justify-content: center;
}

	[b-ctbhtv2ecx] .nodeWA_actionButtons:hover img {
		filter: invert(100%) sepia(0%) saturate(17%) hue-rotate(16deg) brightness(105%) contrast(97%) !important;
	}

.div_multipleNodesFromText[b-ctbhtv2ecx] {
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.div_multipleNodes_textArea[b-ctbhtv2ecx] {
	width: 90%;
	min-height: 80%;
	margin: 30px 0 0 0;
}

[b-ctbhtv2ecx] .multipleNodes_textArea {
	width: 100%;
	margin-top: 20px;
	height: calc(100% - 3rem - 50px);
}

[b-ctbhtv2ecx] .multiple_nodes_checkbox {
	display: flex;
	align-items: center;
	flex-direction: row-reverse;
}

.div_multiple_nodes_checkbox[b-ctbhtv2ecx] {
	margin: 10px 0 15px 0;
}

.div_multiple_uploadCVS[b-ctbhtv2ecx] {
	margin: 10px 0 15px 0;
}

[b-ctbhtv2ecx] .multipleNodes_textArea::part(control) {
	min-height: 180px;
}

[b-ctbhtv2ecx] .type_input::part(listbox) {
	max-height: 200px;
}

.div_modal_uploadFileButton[b-ctbhtv2ecx] {
	width: fit-content;
	bottom: 15px;
	right: 20px;
	border-radius: 5px;
	transition: .4s;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #eaeaea;
	padding: 10px 20px;
	margin: 0;
}

.uploadFileButton_text[b-ctbhtv2ecx] {
	color: #696969;
	font-size: 14px;
}



@media screen and (max-width: 1100px) {
	[b-ctbhtv2ecx] .openNode_property_input::part(root) {
		max-width: 70%;
	}

	[b-ctbhtv2ecx] .openNode_property_input::after {
		max-width: 70%;
	}

	[b-ctbhtv2ecx] .type_input::part(control) {
		max-width: 70%;
	}

	[b-ctbhtv2ecx] .type_input::after {
		max-width: 70%;
	}

	[b-ctbhtv2ecx] .div_node_more_subopt {
		width: 200px;
		left: 10px !important;
		top: 30px !important;
		position: absolute;
	}
}

/* --------------------------------------------------------------- DASHBOARD - START */

.dashboardCard_list_div[b-ctbhtv2ecx] {
	align-items: center;
	justify-content: center;
	display: flex;
}

.dashboardCard[b-ctbhtv2ecx] {
	width: 40px !important;
	height: 40px !important;
	margin: 0 1rem 0 .5rem;
	min-width: 30px;
	width: fit-content;
	min-height: 40px;
	border-radius: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	box-shadow: rgb(0 0 0 / 10%) 0px 4px 6px 1px;
}

.dashboard_gotoIcons[b-ctbhtv2ecx] {
	width: 100%;
	height: 100%;
	max-width: 25px;
}

.div_dashboardCard_add[b-ctbhtv2ecx] {
	margin-top: 3px;
	width: 18px;
	height: 18px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.div_dashboardCard[b-ctbhtv2ecx] {
	margin-top: 15px;
}

.div_newRoot_card_header[b-ctbhtv2ecx] {
	justify-content: center;
	flex-direction: column;
}

/* --------------------------------------------------------------- DASHBOARD - END */

/* --------------------------------------------------------------- Wiki Notes - START */

#notebook_page[b-ctbhtv2ecx] {
	padding: 0 3rem;
}

[b-ctbhtv2ecx] .WorkAreaTabs::part(tablist) {
	margin-bottom: 5px;
}